:root{--ink:#202321;--orange:#ee6b3b;--orange-dark:#cd4c20;--cream:#f5f2eb;--paper:#fffdfa;--line:#d9d7ce;--muted:#636760;--dark:#202b29;--light-border:rgba(255,255,255,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.shell{width:min(1216px,calc(100% - 80px));margin-inline:auto}.topline{background:var(--dark);color:#eae9df;display:flex;justify-content:space-between;padding:8px max(40px,calc((100vw - 1216px)/2));font:700 10px/1.5 'Courier New',monospace;letter-spacing:.14em}.site-header{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-1.1px;white-space:nowrap}.brand-secondary{font-weight:400}.brand-mark{width:35px;height:35px;border-radius:9px 9px 11px 11px;background:var(--orange);position:relative;display:inline-flex;justify-content:center;align-items:center;transform:rotate(-6deg)}.brand-mark:before,.brand-mark:after{position:absolute;top:-5px;content:"";width:12px;height:14px;background:var(--orange);border-radius:2px;z-index:-1}.brand-mark:before{left:2px;transform:rotate(-19deg)}.brand-mark:after{right:2px;transform:rotate(19deg)}.mark-eyes{font-weight:900;color:var(--ink);letter-spacing:5px;font-size:26px;line-height:10px;margin-left:5px;margin-top:-3px}.site-header nav{display:flex;align-items:center;gap:38px}.site-header nav a{font-size:13px;text-decoration:none;font-weight:700;position:relative}.site-header nav a:hover,.text-link:hover,.footer-inner a:hover{color:var(--orange-dark)}.site-header nav .nav-active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-34px;background:var(--orange)}.header-action{font-weight:800;font-size:12px;padding:12px 18px;border:1px solid var(--ink);border-radius:100px;text-decoration:none;white-space:nowrap}.header-action:hover{background:var(--ink);color:white}.header-action span{margin-left:8px}.hero{min-height:535px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(295px,.7fr);gap:5.5%;align-items:center;padding-block:74px 84px}.eyebrow{font:700 11px 'Courier New',monospace;letter-spacing:.14em;margin:0 0 22px}.eyebrow-line{display:inline-block;width:27px;height:2px;background:var(--orange);margin-right:8px;vertical-align:middle}.hero h1,.how-heading h2{font-weight:900;letter-spacing:-.067em;line-height:.97}.hero h1{font-size:clamp(58px,6vw,100px);margin:0 0 26px;white-space:nowrap}.hero h1 em{color:var(--orange);font-style:normal}.hero-subtitle{color:#414741;font-size:17px;line-height:1.7;max-width:550px;margin:0 0 28px}.hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.button{border-radius:6px;min-height:49px;padding:13px 21px;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;transition:transform .18s,background-color .18s}.button:active{transform:translateY(1px)}.button-primary{background:var(--orange);color:#1c2020}.button-primary:hover{background:#ff8253}.button-quiet{background:transparent;border-color:#92988e}.button-quiet:hover{background:#e9e6dc}.hero-note{font:12px 'Courier New',monospace;color:var(--muted)}.hero-aside{height:345px;border:1px solid var(--ink);background:#e2eadf;position:relative;transform:rotate(2deg);box-shadow:12px 12px 0 #d5d2c9}.aside-stamp{position:absolute;top:22px;left:22px;display:flex;flex-direction:column;font:700 11px 'Courier New',monospace;gap:2px;z-index:2}.aside-stamp strong{font-size:38px;line-height:1}.aside-stamp small{font-size:9px;letter-spacing:.06em}.aside-drawing{position:absolute;inset:65px 30px 30px;display:grid;place-items:center}.sketch-head{width:205px;height:192px;border:7px solid var(--ink);background:#eeb78e;border-radius:28px;position:relative;transform:rotate(-9deg)}.sketch-head .ear{position:absolute;z-index:-1;width:72px;height:85px;border:7px solid var(--ink);background:#eeb78e;top:-45px}.sketch-head .one{left:-9px;transform:rotate(-18deg)}.sketch-head .two{right:-9px;transform:rotate(18deg)}.sketch-eye{position:absolute;top:85px;width:13px;height:21px;background:var(--ink);border-radius:50%}.eye-one{left:59px}.eye-two{right:59px}.sketch-nose{position:absolute;top:111px;left:90px;width:12px;height:8px;border-radius:60% 60% 70% 70%;background:var(--orange-dark)}.sketch-mouth{position:absolute;width:33px;height:14px;border-bottom:4px solid var(--ink);border-radius:50%;left:79px;top:124px}.aside-foot{position:absolute;bottom:13px;right:18px;font:700 11px 'Courier New',monospace;letter-spacing:.04em}.section-divider{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);padding-top:15px;font:700 11px 'Courier New',monospace;letter-spacing:.11em}.section-intro{padding:60px 0 35px;display:flex;justify-content:space-between;align-items:end;gap:35px}.section-intro .eyebrow{color:var(--orange-dark);margin-bottom:16px}.section-intro h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.065em;line-height:1.06;margin:0}.section-intro>p{max-width:350px;font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 6px}.studio{padding-bottom:105px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--ink);background:var(--paper)}.preview-wrap{background:#eef0e7;display:flex;flex-direction:column;min-width:0}.preview-top,.preview-bottom,.controls-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 10px 'Courier New',monospace;letter-spacing:.09em}.preview-top{padding:19px 24px;border-bottom:1px solid #cdd2c7}.live-dot{display:inline-block;width:8px;height:8px;background:#61a17e;border-radius:50%;margin-right:8px}.cat-stage{flex:1;min-height:435px;display:flex;align-items:center;justify-content:center;padding:22px;position:relative;overflow:hidden}.cat-art{width:min(100%,460px);aspect-ratio:1;filter:drop-shadow(0 16px 14px rgba(43,48,37,.08))}.cat-art svg{width:100%;height:100%;display:block}.preview-bottom{padding:17px 24px;border-top:1px solid #cdd2c7}.preview-bottom span:first-child{font-weight:400;font-size:11px;letter-spacing:0}.controls-wrap{padding:28px 35px 24px;background:var(--paper);border-left:1px solid var(--ink)}.controls-heading{padding-bottom:20px;border-bottom:1px solid var(--line)}.option-group{border:0;border-bottom:1px solid var(--line);padding:22px 0 24px;margin:0;min-width:0}.option-group h3{font-weight:800;font-size:15px;padding:0;margin:0 0 16px}.option-number{display:inline-grid;place-items:center;background:#eae9e2;color:#6b6e66;font:700 10px 'Courier New',monospace;width:25px;height:25px;border-radius:50%;margin-right:10px}.option-group-last{border-bottom:0}.swatch-options{display:flex;flex-wrap:wrap;gap:9px}.swatch{border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);width:37px;height:37px;border-radius:50%;cursor:pointer;position:relative}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:3px}.swatch[aria-pressed="true"]:after{content:'✓';font-size:18px;color:#1d2220;position:absolute;inset:0;display:grid;place-items:center;font-weight:bold;text-shadow:0 1px white}.text-options{display:flex;gap:8px;flex-wrap:wrap}.choice{padding:9px 12px;background:#f4f2ec;border:1px solid #dad8d0;font-size:12px;font-weight:700;border-radius:3px;cursor:pointer}.choice[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}.choice:hover:not([aria-pressed="true"]){border-color:#999}.control-actions{display:flex;gap:10px;padding-top:14px;flex-wrap:wrap}.control-actions .button{gap:10px}.button-download-icon{font-size:20px;font-weight:400}.share-row{min-height:55px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.share-row>button{background:transparent;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:12px;cursor:pointer}.share-row>button:hover{color:var(--ink)}#status-message{font:11px 'Courier New',monospace;color:#387750}.how-section{background:var(--dark);color:#f7f3ea;padding-bottom:91px}.section-divider.light{border-color:var(--light-border);padding-top:19px}.how-grid{padding-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.how-heading h2{font-size:clamp(38px,4.2vw,66px);margin:0 0 22px}.how-heading p{max-width:340px;color:#c6ccc5;font-size:16px;line-height:1.7}.step{border-top:1px solid var(--light-border);padding:23px 0;display:grid;grid-template-columns:60px 1fr;gap:12px}.step>span{font:700 13px 'Courier New',monospace;color:var(--orange)}.step h3{margin:0 0 7px;font-size:18px;letter-spacing:-.03em}.step p{margin:0;color:#bac3bc;font-size:14px;line-height:1.7}.bottom-section{padding:95px 0 105px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.bottom-icon{font-size:145px;line-height:1;color:var(--orange);place-self:center;transform:rotate(-15deg)}.bottom-section h2{font-size:clamp(33px,4vw,55px);letter-spacing:-.065em;line-height:1.08;margin:0 0 20px}.bottom-section p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:15px;line-height:1.8}.text-link{font-weight:800;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-block;margin-top:11px}.site-footer{background:#e9e5dc;border-top:1px solid #d1cdc3}.footer-inner{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:26px}.footer-brand{font-weight:900;letter-spacing:-.04em}.footer-brand span{font:11px 'Courier New',monospace;letter-spacing:0;color:var(--muted);margin-left:5px}.footer-inner>div{display:flex;gap:25px}.footer-inner a{font-size:12px;text-decoration:none;font-weight:700}.footer-note{font:10px 'Courier New',monospace;color:var(--muted);letter-spacing:.06em}.inner-hero{padding:80px 0 65px;border-bottom:1px solid var(--ink);max-width:820px}.inner-hero .eyebrow{color:var(--orange-dark)}.inner-hero h1{font-weight:900;font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:1.04;margin:0 0 28px}.inner-hero p.lead{font-size:20px;color:#525952;max-width:700px;line-height:1.65}.prose-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:58px 0 100px}.prose-sidebar{font:700 11px 'Courier New',monospace;letter-spacing:.12em;color:var(--orange-dark);padding-top:10px}.prose{max-width:720px;font-size:16px;line-height:1.85;color:#444b44}.prose h2{font-size:27px;letter-spacing:-.05em;line-height:1.15;color:var(--ink);margin:0 0 15px}.prose h2:not(:first-child){margin-top:43px}.prose p{margin:0 0 19px}.prose ul{padding-left:22px}.prose a{color:var(--orange-dark)}.prose .button{color:var(--ink);margin-top:18px;line-height:1.5}.plain-note{border-left:3px solid var(--orange);padding-left:20px;margin:34px 0;font-size:14px;color:var(--muted)}
@media(max-width:1100px){.hero h1{font-size:clamp(58px,6.5vw,78px)}.hero{gap:25px}.site-header nav{gap:20px}}
@media(max-width:810px){.shell{width:min(100% - 38px,680px)}.topline{padding-inline:19px}.topline span:last-child{display:none}.site-header{min-height:75px;flex-wrap:wrap;padding:14px 0}.site-header nav{order:3;width:100%;justify-content:flex-start;padding-top:10px;gap:24px}.site-header nav .nav-active:after{bottom:-11px}.header-action{padding:10px 12px}.hero{grid-template-columns:1fr;padding-block:55px 64px;gap:48px}.hero h1{font-size:clamp(52px,9vw,82px)}.hero-aside{width:min(380px,90%);justify-self:center}.section-intro{align-items:start;flex-direction:column;gap:15px}.studio-grid{grid-template-columns:1fr}.controls-wrap{border-left:0;border-top:1px solid var(--ink)}.cat-stage{min-height:375px}.how-grid{grid-template-columns:1fr;gap:20px}.bottom-section{grid-template-columns:1fr;gap:10px;padding:70px 0}.bottom-icon{place-self:start;font-size:80px}.footer-inner{padding:30px 0;flex-wrap:wrap;min-height:auto}.footer-note{width:100%}.prose-grid{grid-template-columns:1fr;gap:18px;padding-top:45px}.inner-hero{padding-top:55px}}
@media(max-width:450px){.brand{font-size:20px}.brand-mark{height:32px;width:32px}.header-action{font-size:11px}.hero h1{font-size:clamp(43px,10.8vw,57px)}.hero-subtitle{font-size:15px}.hero-aside{height:290px}.controls-wrap{padding:22px 20px}.cat-stage{min-height:320px}.preview-top,.preview-bottom{padding-inline:15px}.preview-bottom span:last-child{display:none}.section-intro h2{font-size:40px}.how-heading h2{font-size:39px}.bottom-section h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}