:root{--cream:#f5f0e6;--ink:#151511;--orange:#ff5b2a;--yellow:#f5c842;--green:#194d3a;--pink:#f2a8c1;--line:rgba(21,21,17,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{display:flex;align-items:center;color:inherit;text-decoration:none;font-family:Syne,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px}.logo-dot{color:var(--orange)}.logo-mark{width:30px;height:30px;margin-right:10px;display:flex;align-items:flex-end;gap:2px}.logo-mark i{display:block;width:8px;background:var(--orange);border-radius:8px 8px 2px 2px;transform:rotate(-8deg)}.logo-mark i:nth-child(1){height:14px}.logo-mark i:nth-child(2){height:25px;background:var(--yellow)}.logo-mark i:nth-child(3){height:20px;background:var(--green)}nav{display:flex;gap:36px}nav a,footer a{color:inherit;text-decoration:none;font-size:14px;font-weight:600}nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--orange);color:white;text-decoration:none;border:2px solid var(--ink);padding:17px 22px;font-weight:700;box-shadow:4px 4px 0 var(--ink);transition:.2s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-small{padding:11px 17px;font-size:13px;box-shadow:3px 3px 0 var(--ink);border-width:1.5px}.menu{display:none;background:none;border:0}.hero{padding:76px 0 85px;text-align:center}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow{justify-content:center}.eyebrow span{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero h1,.proof h2,.process h2,.about h2,.contact h2{font-family:Syne,sans-serif;font-size:clamp(64px,8.4vw,118px);line-height:.84;letter-spacing:-.07em;margin:25px 0}.hero h1 em,.proof h2 em,.process h2 em,.about h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-.055em}.hero-copy{max-width:620px;margin:32px auto 26px;font-size:18px;line-height:1.6;color:#494940}.hero-actions{display:flex;justify-content:center;align-items:center;gap:34px}.text-link{color:inherit;text-decoration:none;font-weight:700;font-size:14px;display:flex;align-items:center;gap:9px}.text-link i{width:28px;height:28px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px}.reel{height:500px;margin-top:75px;position:relative;display:flex;justify-content:center;align-items:center;gap:18px}.sunburst{position:absolute;width:560px;height:560px;background:repeating-conic-gradient(from 10deg,var(--yellow) 0 9deg,transparent 9deg 19deg);border-radius:50%;opacity:.72;mask-image:radial-gradient(circle,#000 0 58%,transparent 59%)}.video-card{position:relative;width:244px;height:410px;border:3px solid var(--ink);border-radius:24px;overflow:hidden;text-align:left;box-shadow:7px 8px 0 var(--ink);z-index:2}.card-one{background:#a7c5f0;transform:rotate(-7deg) translateY(22px)}.card-two{background:#ef8354;transform:translateY(-18px);z-index:3}.card-three{background:#a8c574;transform:rotate(7deg) translateY(18px)}.phone-ui{height:32px;background:rgba(255,255,255,.75);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:8px}.video-card button{position:absolute;right:14px;bottom:16px;border:0;background:var(--yellow);width:42px;height:42px;border-radius:50%;box-shadow:2px 2px 0 var(--ink)}.caption{position:absolute;left:13px;bottom:13px;background:white;border:2px solid var(--ink);padding:8px 10px;font-size:12px;line-height:1.2;font-weight:700;transform:rotate(-2deg)}.creator{position:absolute;bottom:0;left:20px;width:200px;height:330px;text-align:center}.creator .face{margin:64px auto 0;width:91px;height:105px;background:#8d532f;border-radius:48% 48% 44% 44%;display:grid;place-items:center;font-size:27px;position:relative;z-index:2}.creator .shirt{height:180px;margin-top:-5px;background:var(--green);border-radius:75px 75px 0 0;color:white;font:800 28px Syne;padding-top:35px}.creator-three .face{background:#64371e}.creator-three .hair{position:absolute;width:120px;height:84px;background:#24160e;border-radius:60% 60% 20% 20%;top:34px;left:39px;z-index:3}.creator-three .shirt{background:#6040a5}.app-demo{margin:40px auto;width:180px;height:240px;background:#faf9f4;border:2px solid var(--ink);border-radius:18px;padding:18px}.app-demo .app-head{font-weight:800;margin-bottom:35px}.app-demo small{display:block;color:#777}.app-demo strong{font:700 22px Syne}.chart{display:flex;align-items:flex-end;height:70px;gap:6px;margin-top:20px}.chart i{width:16px;background:var(--green);height:30%}.chart i:nth-child(2){height:50%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:75%}.chart i:nth-child(5){height:68%}.chart i:nth-child(6){height:100%;background:var(--orange)}.sticker{position:absolute;z-index:5;font:800 10px Syne;line-height:1;text-align:center}.sticker-top{right:9%;top:8%;width:84px;height:84px;background:var(--pink);border:2px solid var(--ink);border-radius:50%;display:grid;place-content:center;transform:rotate(13deg);box-shadow:3px 3px 0 var(--ink)}.sticker-top b{font-size:8px}.sticker-bottom{left:8%;bottom:6%;background:var(--orange);color:white;padding:13px;border:2px solid var(--ink);transform:rotate(-10deg);box-shadow:3px 3px 0 var(--ink)}.scribble{position:absolute;right:1%;bottom:6%;width:170px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.ticker{background:var(--green);color:var(--cream);padding:18px 0;overflow:hidden;transform:rotate(-1deg);width:102%;margin-left:-1%}.ticker div{width:max-content;display:flex;gap:28px;align-items:center;animation:marquee 20s linear infinite;font:700 13px Syne;letter-spacing:1.8px}.ticker b{color:var(--yellow);font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}.proof{padding:150px 0 130px}.section-kicker:before{content:"";width:27px;height:2px;background:var(--orange)}.proof-heading{display:grid;grid-template-columns:1.7fr .7fr;gap:50px;align-items:end}.proof h2,.process h2,.about h2{font-size:clamp(46px,6vw,78px);line-height:.95;margin:30px 0}.proof-heading p,.about-copy>p{font-size:17px;line-height:1.65;color:#55544d}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:85px}.stats>div{padding:42px 24px 5px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{font:700 clamp(42px,5vw,65px) Syne;letter-spacing:-4px}.stats strong span{color:var(--orange)}.stats p{font-size:13px;color:#68675f}.process{background:var(--green);color:var(--cream);padding:130px 0}.section-kicker.light:before{background:var(--yellow)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.process h2 em{color:var(--yellow)}.steps article{display:grid;grid-template-columns:55px 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.25);padding:30px 0}.steps article>span{font:600 12px Syne;color:var(--yellow)}.steps h3{margin:0 0 8px;font:700 22px Syne}.steps p{margin:0;color:#cbd5cf;line-height:1.6;font-size:14px;max-width:390px}.about{padding:140px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pattern-card{height:550px;background:var(--orange);position:relative;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);overflow:hidden}.pattern{position:absolute;inset:-40px;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 18px,var(--ink) 19px 22px,transparent 23px 40px);transform:rotate(24deg) scale(1.4);opacity:.9}.pattern-card:after{content:"GROWTH\A COOKS";white-space:pre;position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--cream);font:800 62px/.8 Syne;letter-spacing:-5px;text-shadow:4px 4px 0 var(--ink)}.pattern-card span{position:absolute;bottom:20px;left:25px;color:white;font-size:9px;letter-spacing:1.7px;z-index:2}.about-copy>p{max-width:480px}.text-link.dark{margin-top:30px;display:inline-flex;border-bottom:2px solid;padding-bottom:5px}.contact{background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);text-align:center}.contact-inner{padding:105px 0 110px;position:relative}.contact .spark{font-size:35px}.contact p{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700}.contact h2{font-size:clamp(55px,7.8vw,104px);line-height:.88;margin:25px 0 45px}.contact h2 em{color:var(--orange)}.button-dark{background:var(--ink);color:white;box-shadow:4px 4px 0 var(--orange);padding:17px 25px}.button-dark:hover{box-shadow:2px 2px 0 var(--orange)}footer{min-height:190px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}footer>p{text-align:center;font-size:12px;color:#6a6962}footer>div{display:flex;justify-content:flex-end;gap:20px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding:18px 0;color:#85837b;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.shell{width:min(100% - 28px,600px)}.nav{height:75px}.nav>.button{display:none}.menu{display:block;width:35px;height:35px;position:relative;z-index:4}.menu span{display:block;height:2px;background:var(--ink);margin:7px 0}.nav nav{display:none;position:absolute;top:67px;left:-14px;right:-14px;padding:30px;background:var(--cream);border-block:2px solid var(--ink);flex-direction:column}.nav nav.open{display:flex}.hero{padding-top:56px}.hero h1{font-size:clamp(55px,18vw,78px)}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;gap:24px}.reel{height:390px;margin-top:65px;gap:8px}.video-card{width:160px;height:300px;border-radius:17px}.card-one{transform:rotate(-6deg) translate(25px,18px)}.card-two{transform:translateY(-7px)}.card-three{transform:rotate(6deg) translate(-25px,18px)}.creator{left:5px;width:150px;height:250px}.creator .face{margin-top:48px;width:70px;height:80px}.creator .shirt{height:130px}.creator-three .hair{width:90px;left:29px;top:23px}.app-demo{width:130px;height:180px;margin-top:24px;padding:12px}.app-demo .app-head{margin-bottom:20px}.app-demo strong{font-size:14px}.chart{height:50px}.caption{font-size:8px}.video-card button{width:32px;height:32px}.sticker-top{right:0}.sticker-bottom{left:0}.scribble{display:none}.proof{padding:100px 0}.proof-heading,.process-grid,.about{grid-template-columns:1fr;gap:45px}.proof-heading p{max-width:480px}.stats{grid-template-columns:1fr 1fr;margin-top:55px}.stats>div{padding:28px 15px;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.process{padding:90px 0}.about{padding:90px 0}.pattern-card{height:430px}.about-copy{grid-row:1}.contact-inner{padding:80px 0}footer{grid-template-columns:1fr;justify-items:center;padding:40px 0 0}footer>div{justify-content:center}footer small{width:100%;text-align:center}}
@media(max-width:480px){.card-one,.card-three{width:145px}.card-one{transform:rotate(-6deg) translate(60px,20px)}.card-three{transform:rotate(6deg) translate(-60px,20px)}.card-two{min-width:158px}.sticker-top{top:0}.sticker-bottom{bottom:0}.pattern-card:after{font-size:50px}.proof h2,.process h2,.about h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}