/* Paper, ink and hand-cut stickers — the original interactions stay intact. */
:root{--bg:#101010;--card:#f5f0e5;--panel:#eee7db;--panel-2:#e9dfef;--text:#171715;--muted:#5e5953;--orange:#c6ff19;--orange-soft:#bd8aff44;--line:#25221e26;--serif:'Kalam',cursive;--mono:'Space Grotesk',sans-serif}
body{background:#101010;padding:24px 16px;}
body::before{display:none}
.orbit{border-color:#bf82f4;opacity:.5}
.orbit::before{border-color:#c6ff19}
.card{width:min(100%,480px);padding:24px 26px 22px;gap:24px;border:0;border-radius:5px;background-color:var(--card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23897654' opacity='.13' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");box-shadow:0 20px 70px #0009;isolation:isolate;overflow:hidden;backdrop-filter:none}
.card::before,.card::after{content:'';position:absolute;z-index:-1;background:#c6ff19;width:180px;height:50px;transform:rotate(-12deg);clip-path:polygon(0 8%,94% 0,100% 20%,96% 38%,100% 62%,92% 75%,98% 100%,0 94%,5% 75%,0 58%)}
.card::before{right:-40px;top:-20px}.card::after{left:-80px;bottom:8px;height:100px;transform:rotate(30deg)}
.topbar{padding:0;gap:6px}.eyebrow{color:#222;font-size:9px;letter-spacing:.12em}.status{font-size:8px;letter-spacing:.04em;color:#444}.status::before{background:#7f40c7;box-shadow:none}
.hero{position:relative;padding-top:55px;display:flex;flex-direction:column;align-items:center;border:0;text-align:center}
.hero-note{position:absolute;top:0;left:-4px;text-align:left;z-index:3;transform:rotate(-10deg);font-family:'Kalam',cursive;font-size:27px;line-height:1.05;font-weight:700}.hero-note span{position:absolute;top:-8px;right:-22px;font-size:30px}
.paper-note{position:absolute;right:-10px;top:0;z-index:3;background:#eee9dd;padding:13px 20px 20px;transform:rotate(10deg);font:700 18px/1.2 'Kalam',cursive;clip-path:polygon(3% 4%,95% 0,100% 92%,80% 96%,64% 91%,40% 100%,0 94%)}
.ring{width:258px;height:278px;margin:10px 0 -6px;border-radius:44% 45% 2% 2%;background:conic-gradient(#a269ef calc(var(--p,0)*1%),#d7b7f9 0);transform:rotate(-5deg);padding:8px;flex-shrink:0;box-shadow:11px 8px 0 #252525}
.ring::before{display:none}.avatar{width:100%;height:100%;border-radius:43% 43% 2% 2%;background:#ddd}.avatar img{object-position:center;filter:contrast(1.05) saturate(.7)}
.badge{bottom:12px;right:0;border-radius:0;background:#161616;color:#fff;border:0;transform:rotate(5deg)}
h1{position:relative;z-index:2;width:92%;margin:0;padding:10px 22px 15px;transform:rotate(-6deg);font-family:'Permanent Marker',cursive;font-size:clamp(43px,12vw,61px);font-weight:400;text-transform:uppercase;line-height:.97;letter-spacing:-.035em;background:#c6ff19;clip-path:polygon(1% 7%,96% 0,94% 11%,100% 17%,96% 33%,100% 49%,96% 70%,99% 87%,92% 94%,4% 100%,2% 85%,0 76%,3% 61%,0 43%,3% 29%)}
.smiley{position:absolute;right:9px;top:8px;font-family:Arial,sans-serif;font-size:39px;transform:rotate(12deg)}
.role{position:relative;z-index:3;margin:0 0 16px;padding:5px 16px;background:#e4ded3;transform:rotate(-6deg);font-size:17px;letter-spacing:0;text-transform:none;box-shadow:2px 3px 0 #0001}
.hero-caption{margin:9px 0 18px;font:20px/1.3 'Kalam',cursive;transform:rotate(-3deg)}.hero-caption span{display:block;font-size:31px;margin-top:5px}
.pipeline{margin:0;width:100%;border:1px solid #27221f;border-radius:2px;padding:18px 12px;background:#eee5f5;box-shadow:4px 5px 0 #ad7ce7;transform:rotate(1deg)}
.pipeline h2{font:700 25px/1.1 'Kalam',cursive}.pipeline h2 span{color:#713bb0}.pipeline__pct{background:#c6ff19;color:#191919;padding:3px 7px;font-weight:700;transform:rotate(-5deg)}
.steps::before{background:#b9a7c3}.steps::after{background:#7d3db8}.steps .dot{background:#f4efe4;border-color:#b39cc7}.steps li.now .dot{border-color:#7e40b5}.steps small{color:#65576a}.steps strong{color:#211927}
.actions{gap:17px}.pitch{display:block;text-align:center}.label{color:#4c463e;font-size:10px;letter-spacing:.16em}.pitch h2{font:700 26px/1.14 'Kalam',cursive;margin:8px 0}.pitch h2 span{color:#7542ad}
.thread{border:1px solid #28221b;border-radius:2px;background:#f3ecdf;box-shadow:3px 4px 0 #252525;transform:rotate(-1deg);padding:15px}.thread::before{content:'';position:absolute;width:65px;height:18px;background:#bda6cc99;top:-9px;left:38%;transform:rotate(-8deg)}
.msg{border-radius:3px}.msg.in{background:#e6dded}.msg.out{background:#c6ff19}.typing{background:#d9bee9}.typing i{background:#8346b5}
.cta{border-radius:1px;background:#c6ff19;box-shadow:3px 4px 0 #201f1b;transform:rotate(-2deg);min-height:95px}.cta:hover,.cta:focus-visible{transform:rotate(0) translateY(-3px);box-shadow:3px 7px 0 #201f1b}.cta__title{font:700 27px/1.1 'Kalam',cursive}.cta__btn{border-radius:50%;color:#c6ff19}.cta__mail{font-size:11px}
.links{gap:17px}.links a{min-height:80px;padding:12px 22px;border:0;border-radius:0;color:#191919;background:#f3a9d8;transform:rotate(-1deg);clip-path:polygon(3% 0,97% 3%,99% 16%,98% 31%,100% 48%,98% 72%,95% 98%,2% 100%,3% 87%,0 69%,2% 53%,0 34%)}
.links li:nth-child(2) a{background:#c3a0ed;transform:rotate(1deg)}.links a:hover,.links a:focus-visible{background:#c6ff19;transform:rotate(0) translateX(3px);outline:2px solid #171717;outline-offset:3px}.icon,.instagram,.facebook{background:none;color:#171717;border-radius:0}.icon svg{width:31px;height:31px}.link-text strong{font-size:16px}.link-text span{font-size:12px;color:#38312d}.go{color:#191919;font-size:24px}.links a:hover .go{color:#191919}
.utils{gap:8px;margin-top:3px}.util{border:1px dashed #807363;border-radius:2px;font-size:11px}.util:hover,.util:focus-visible{color:#61358c;border-color:#61358c;background:#e1c8f1}
footer{border-top:1px solid #352b2738;font-size:10px;padding-top:18px}.makerz-logo{border:0;border-radius:0;transform:rotate(-3deg);padding:9px 12px}.makerz-logo:hover{border:0}.toast{background:#171717;color:#c6ff19;border-radius:3px}
@media(min-width:900px){body{padding:35px}.card{width:min(100%,980px);padding:30px 40px;column-gap:48px;row-gap:24px;grid-template-columns:1fr 1fr;border-radius:5px}.hero{padding-top:55px;padding-right:0;align-content:initial;justify-items:center}.ring{width:258px;height:278px;grid-row:auto;margin:15px 0 -6px}.avatar{width:100%;height:100%}h1{font-size:59px;align-self:center}.role{align-self:center;white-space:normal;margin-bottom:14px;letter-spacing:0}.pipeline{margin-top:0;padding:18px 12px}.pipeline h2{font-size:25px}.pitch h2{font-size:31px}.links{grid-template-columns:1fr}.actions{align-content:center;gap:20px}.cta{padding:16px 20px}.topbar,footer{grid-column:1/-1}}
@media(max-width:380px){.card{padding:20px 17px;border-radius:4px}.hero-note{font-size:23px}.paper-note{font-size:16px;padding:12px}.ring{width:225px;height:250px}.smiley{font-size:30px;right:5px}h1{font-size:45px}.status{font-size:7px}.pipeline h2{font-size:22px}footer{flex-direction:column}}