@font-face{font-family:Fredoka;src:url('assets/font-round.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/font-ui.ttf') format('truetype');font-weight:100 1000;font-display:swap}
:root{--ice:#eaf3fc;--cobalt:#2349c8;--ink:#18316d;--peach:#ffbc9d;--lime:#d9ed8c;--paper:#fff;--muted:#53668b;--line:#bdcde7;--page:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--ice);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,select{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}
img,svg{display:block;max-width:100%}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{padding:0;font-size:13px;font-weight:650;margin-bottom:8px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:550;line-height:1.06;letter-spacing:-.025em}
h1{font-size:clamp(2.75rem,5.85vw,5.25rem);color:var(--cobalt);margin-bottom:26px}
h2{font-size:clamp(2.15rem,3.65vw,3.1rem);margin-bottom:22px}
h3{font-size:25px;letter-spacing:-.015em;line-height:1.15}
.page-width{width:min(var(--page),calc(100% - 80px));margin-inline:auto}
.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}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--paper);padding:12px 20px;z-index:10;border:2px solid var(--cobalt)}
.skip-link:focus{top:12px}
.announcement{min-height:42px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px;background:var(--lime);color:var(--ink);font-size:13px}
.announcement strong{font-weight:800}
.announcement-dot,.live-indicator>span,.coming-status>span{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}
.brand{font-family:Fredoka,sans-serif;font-size:32px;font-weight:650;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:10px;line-height:1;text-decoration:none;color:var(--cobalt);flex-shrink:0}
.brand-mark{width:58px;height:48px;flex-shrink:0;object-fit:contain}
.brand-studio{font-weight:400;letter-spacing:-1.6px}
.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:650}
.site-header nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.site-header nav a:hover{text-decoration:underline}
.studio-link{gap:8px;border-bottom:1px solid var(--cobalt)}
.studio-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.hero{display:grid;grid-template-columns:.9fr 1fr;gap:7%;align-items:center;padding-top:38px;padding-bottom:88px}
.hero-copy{padding-bottom:18px}
.hero-description{font-size:19px;line-height:1.55;max-width:410px;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;min-height:56px;border:2px solid transparent;border-radius:12px;font-size:15px;font-weight:750;line-height:1.2;text-decoration:none;transition:background-color .15s ease,transform .15s ease}
.button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.button-primary{background:var(--cobalt);color:var(--paper);box-shadow:0 4px 0 #143496}
.button-primary:hover{background:#173cb5;transform:translateY(-1px)}
.text-link{font-size:14px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.demo-note{font-size:12px;line-height:1.5;color:var(--muted);margin:18px 0 34px;max-width:330px}
.hero-small-print{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:var(--ink)}
.hero-small-print svg{width:25px;height:25px;fill:var(--peach);stroke:var(--cobalt);stroke-width:1.4;flex-shrink:0}
.preview-workspace{min-width:0;position:relative}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px;font-weight:750}
.live-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:550;color:#2e624f}
.workbench{margin:0;background:#dcecf9;border:1px solid #b4cbe6;border-radius:24px 24px 4px 24px;overflow:hidden;position:relative;box-shadow:0 12px 0 -5px #c7d9ed}
.preview-canvas{width:100%;height:auto;overflow:visible}
.preview-canvas text{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:-.025em}
.workbench figcaption{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;font-size:11px;color:#40577b;margin-top:-12px;padding:0 28px 22px}
.contour-key{display:inline-block;width:17px;height:11px;border:3px solid white;background:var(--peach);border-radius:45%;transform:rotate(-15deg);box-shadow:0 0 0 1px #b1c5dd;flex:none}
.sheet-corner{position:absolute;bottom:0;right:0;width:27px;height:27px;background:var(--ice);clip-path:polygon(100% 0,100% 100%,0 100%)}
.preview-controls{margin-top:29px}
.name-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;font-size:14px;font-weight:700}
.name-label>span{font-size:11px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.name-input-wrap{position:relative}
.name-input-wrap input{display:block;width:100%;height:54px;padding:10px 48px 10px 17px;border:1.5px solid #92abd3;border-radius:10px;color:var(--ink);background:var(--paper);font-size:18px;font-weight:600}
.name-input-wrap input:focus{border-color:var(--cobalt)}
.name-input-wrap>svg{position:absolute;right:16px;top:16px;width:22px;height:22px;stroke:var(--cobalt);stroke-width:1.6;fill:none;pointer-events:none}
.preview-options{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:18px}
.option-row{display:flex;gap:8px}
.art-choice,.color-choice{position:relative;display:flex;cursor:pointer}
.art-choice input,.color-choice input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}
.art-choice>span{width:53px;height:46px;display:flex;align-items:center;justify-content:center;border:1.5px solid #b3c6e2;border-radius:10px;background:#f8fbff}
.art-choice img{width:42px;height:36px;object-fit:contain}
.art-choice input:checked+span{border:2px solid var(--cobalt);background:#dae6ff}
.art-choice input:focus-visible+span,.color-choice input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:4px}
.color-choice{min-width:44px;min-height:46px;align-items:center;justify-content:center}
.swatch{display:block;width:28px;height:28px;border:3px solid var(--ice);border-radius:50%;box-shadow:0 0 0 1px transparent;position:relative}
.swatch-blue{background:#2349c8}.swatch-coral{background:#bd4259}.swatch-purple{background:#7951a4}.swatch-green{background:#34755f}
.color-choice input:checked+span{box-shadow:0 0 0 2px var(--ink)}
.color-choice input:checked+span:after{content:'';position:absolute;width:7px;height:4px;left:7px;top:7px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}
.preview-footnote{font-size:11px;color:var(--muted);margin:16px 0 0}
.noscript-note{font-size:13px;border-left:3px solid var(--cobalt);padding-left:12px;margin-top:15px}
.batch-section{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center;padding-block:66px 94px;border-top:1px solid var(--line)}
.small-sticker{display:inline-block;font-family:Fredoka,sans-serif;font-size:17px;font-weight:500;background:var(--peach);padding:7px 16px;border:4px solid white;box-shadow:1px 3px 0 #c9d8eb;transform:rotate(-5deg);margin-bottom:25px}
.batch-copy>p{max-width:390px;font-size:17px;line-height:1.6;margin-bottom:25px}
.batch-quantity{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:13px;font-weight:650}
.batch-quantity select{min-height:44px;border:1px solid #9db4d9;border-radius:8px;padding:8px 33px 8px 13px;background-color:#fff;color:var(--ink);font-size:14px}
.batch-copy .batch-equation{font-family:Fredoka,sans-serif;font-size:19px;font-weight:500;line-height:1.4;margin-top:15px;margin-bottom:0;color:var(--cobalt)}
.batch-paper{background:var(--paper);padding:23px 25px 20px;border:1px solid #c7d5e9;box-shadow:5px 6px 0 #d0dfef;transform:rotate(2deg);position:relative}
.batch-paper:before{content:'';position:absolute;width:82px;height:23px;top:-10px;left:calc(50% - 41px);background:var(--lime);opacity:.9;transform:rotate(-5deg)}
.batch-paper-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;padding-bottom:8px;border-bottom:1px dashed #c5d0e3}
.batch-paper-heading>span:last-child{font-size:20px;color:var(--cobalt)}
.batch-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding-block:12px}
.batch-sheet svg{width:100%;height:auto;overflow:visible}
.batch-sheet svg text{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:-.02em}
.batch-paper>p{text-align:center;font-size:11px;color:var(--muted);padding-top:12px;border-top:1px dashed #c5d0e3;margin-bottom:0}
.static-mini{position:relative;text-align:center;min-width:0;padding-bottom:15px}
.static-mini img{width:100%;height:auto}
.static-mini span{position:relative;display:block;margin-top:-20px;font-family:Fredoka,sans-serif;font-size:19px;color:var(--cobalt)}
.process-section{padding-block:68px 88px;border-top:1px solid var(--line)}
.process-heading{display:flex;gap:80px;justify-content:space-between;align-items:center;margin-bottom:42px}
.process-heading h2{margin:0;flex-shrink:0}
.process-heading p{font-size:18px;max-width:400px;margin:0}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:0;counter-reset:steps}
.process-steps li{border-top:1px solid #a8bddc;padding-top:23px}
.step-number{font-family:Fredoka,sans-serif;font-weight:500;font-size:22px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--peach);border-radius:45% 48% 42% 48%;margin-bottom:19px;transform:rotate(-7deg)}
.process-steps li:nth-child(2) .step-number{background:var(--lime);transform:rotate(5deg)}
.process-steps li:nth-child(3) .step-number{background:#cad9ff;transform:rotate(-3deg)}
.process-steps h3{margin-bottom:13px}
.process-steps p{font-size:15px;line-height:1.65;margin:0;max-width:310px}
.coming-section{background:var(--cobalt);color:var(--paper);overflow:hidden}
.coming-inner{display:flex;gap:70px;align-items:center;justify-content:center;padding-block:64px}
.coming-sticker{width:198px;flex:none;transform:rotate(-10deg);position:relative;filter:drop-shadow(0 7px 0 #1235aa)}
.coming-sticker img{width:100%;height:auto;filter:drop-shadow(5px 0 0 white) drop-shadow(-5px 0 0 white) drop-shadow(0 5px 0 white) drop-shadow(0 -5px 0 white)}
.coming-sticker>span{position:relative;display:block;margin-top:-28px;text-align:center;font-family:Fredoka,sans-serif;font-size:37px;font-weight:600;color:var(--cobalt);-webkit-text-stroke:9px white;paint-order:stroke fill;line-height:1.2}
.coming-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--lime);margin-bottom:15px}
.coming-copy h2{font-size:clamp(2.1rem,3.5vw,2.9rem);margin-bottom:18px}
.coming-copy>p:not(.coming-status){max-width:440px;line-height:1.6;font-size:16px;margin-bottom:25px}
.coming-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.button-paper{background:var(--paper);color:var(--cobalt);min-height:50px;padding:13px 20px;border-radius:10px}
.button-paper:hover{background:var(--lime)}
.coming-studio{font-size:13px;font-weight:650;min-height:44px;display:inline-flex;align-items:center}
.coming-section a:focus-visible{outline-color:var(--lime)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:112px}
.footer-brand{font-size:27px;gap:8px}.footer-brand .brand-mark{width:44px;height:36px}
.site-footer p{font-size:13px;margin:0;color:var(--muted)}
.site-footer>a:last-child{font-size:11px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1440px){.hero{gap:8%;padding-top:48px}.hero-description{font-size:20px}.preview-workspace{padding-top:3px}}
@media(max-width:1050px){.page-width{width:calc(100% - 56px)}.hero{gap:5%;grid-template-columns:.9fr 1fr}.hero-description{font-size:17px}.hero-actions{gap:16px}.button{padding-inline:18px}.hero-small-print{max-width:290px}.preview-options{gap:12px;flex-wrap:wrap}.option-row{gap:6px}.art-choice>span{width:48px}.color-choice{min-width:44px}.batch-section{gap:8%}.process-steps{gap:30px}.process-heading{gap:50px}.coming-inner{gap:45px}.coming-sticker{width:170px}}
@media(max-width:760px){.page-width{width:calc(100% - 40px)}.site-header{min-height:83px}.brand{font-size:29px}.brand-mark{width:48px;height:40px}.site-header nav{gap:20px;font-size:13px}.nav-how{display:none!important}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:55px;gap:36px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.75rem,9vw,4.8rem);margin-bottom:22px;line-height:1.04}.hero-description{font-size:17px;max-width:520px;margin-bottom:24px}.hero-actions{gap:25px}.hero-small-print{display:none}.demo-note{margin-bottom:0;max-width:none}.preview-workspace{width:100%;max-width:550px;justify-self:center}.sheet-heading{font-size:13px}.preview-controls{margin-top:26px}.preview-options{flex-wrap:nowrap}.art-choice>span{width:53px}.color-choice{min-width:44px}.batch-section{grid-template-columns:1fr;gap:35px;padding-block:48px 65px}.batch-copy>p{max-width:510px}.batch-paper{max-width:520px;width:calc(100% - 10px);justify-self:center}.batch-copy h2{font-size:37px}.batch-copy>p{font-size:16px}.small-sticker{margin-bottom:22px}.process-section{padding-block:46px 55px}.process-heading{display:block;margin-bottom:30px}.process-heading h2{margin-bottom:20px;font-size:37px}.process-heading p{font-size:16px;max-width:490px}.process-steps{grid-template-columns:1fr;gap:27px}.process-steps li{display:grid;grid-template-columns:40px 1fr;column-gap:18px;padding-top:22px}.step-number{grid-row:1/3;margin:0}.process-steps h3{font-size:24px;margin:2px 0 9px}.process-steps p{grid-column:2;max-width:500px}.coming-inner{gap:30px;padding-block:45px;align-items:flex-start}.coming-sticker{width:110px;margin-top:40px}.coming-sticker>span{font-size:25px;margin-top:-15px;-webkit-text-stroke-width:7px}.coming-copy{min-width:0}.coming-copy h2{font-size:33px}.coming-copy h2 br{display:none}.coming-copy>p:not(.coming-status){font-size:15px}.coming-actions{gap:12px}.site-footer{flex-wrap:wrap;justify-content:flex-start;padding-block:28px;min-height:0;gap:15px 25px}.site-footer>a:last-child{margin-left:auto}.site-footer p{font-size:12px}}
@media(max-width:440px){.announcement{gap:7px;font-size:11px;padding:9px 12px;min-height:38px}.announcement-dot{display:none}.site-header{gap:10px}.brand{font-size:27px;gap:7px}.brand-mark{width:44px;height:36px}.site-header nav{font-size:12px}.studio-link{gap:5px}.studio-link svg{width:14px}.hero{padding-top:17px;gap:31px}.hero h1{font-size:clamp(2.7rem,11.5vw,3.25rem)}.hero-description{font-size:16px}.hero-actions{gap:18px}.button{font-size:14px;min-height:53px;padding:14px 17px;gap:9px}.text-link{font-size:13px}.demo-note{font-size:11px}.workbench{border-radius:18px 18px 4px 18px}.workbench figcaption{font-size:10px;padding:0 15px 15px;margin-top:-3px;gap:6px}.preview-options{gap:14px;flex-wrap:wrap}.preview-options legend{font-size:12px}.art-choice>span{width:47px;height:46px}.color-choice{min-width:44px}.option-row{gap:5px}.preview-footnote{font-size:10px}.batch-paper{padding:19px 14px 15px}.batch-paper-heading{font-size:10px}.batch-copy h2,.process-heading h2{font-size:34px}.batch-copy .batch-equation{font-size:18px}.coming-inner{display:block;padding-block:38px 43px}.coming-sticker{float:right;width:92px;margin:-1px 0 10px 10px}.coming-sticker>span{font-size:21px}.coming-copy h2{font-size:32px;max-width:240px}.coming-copy>p:not(.coming-status){clear:both;padding-top:2px}.coming-actions{gap:9px 20px}.coming-studio{font-size:12px}.site-footer{gap:12px 20px}.site-footer p{order:3;width:100%}.site-footer>a:last-child{font-size:10px}.footer-brand{font-size:25px}}
@media(max-width:350px){.page-width{width:calc(100% - 32px)}.announcement{font-size:10px;gap:6px}.hero h1{font-size:42px}.hero-actions{gap:11px}.button{padding-inline:13px}.text-link{font-size:12px}.preview-options{gap:17px}.color-choice{min-width:44px}.batch-quantity{gap:12px}.batch-paper-heading{font-size:9px}.coming-copy h2{font-size:30px;max-width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}