:root{--ink:#15120e;--yellow:#ffe76d}*{box-sizing:border-box}body,html{margin:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.shell{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(112deg,var(--yellow) 0 46%,#fffdf7 46.1%);isolation:isolate}.noise{inset:0;z-index:20;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.blob,.noise{position:absolute}.blob{z-index:-1;width:59vw;height:83vh;left:23%;top:-14%;background:linear-gradient(145deg,var(--accent),#ffc940);border-radius:34% 66% 54% 46%/38% 42% 58% 62%;animation:morph 9s ease-in-out infinite alternate}header{z-index:30;width:min(92%,1740px);height:125px;margin:auto;display:grid;grid-template-columns:180px 1fr 180px}.logo,header{position:relative;align-items:center}.logo{width:90px;height:80px;border-radius:43% 57% 48% 52%;background:#111;color:white;display:flex;justify-content:center;text-align:center;text-transform:uppercase;font-weight:900;line-height:.78;transform:rotate(-4deg);animation:logo 5s ease-in-out infinite alternate}.logo small{position:absolute;bottom:10px;font-size:5px;letter-spacing:1px}nav{display:flex;justify-content:center;gap:clamp(24px,4vw,70px)}nav a{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#111;transition:.3s}nav a:hover:after{right:0}.order{justify-self:end;background:#111;color:#fff;border-radius:99px;padding:11px 12px 11px 22px;text-transform:uppercase;font-size:12px;font-weight:700;display:flex;align-items:center;gap:18px}.order i{width:30px;height:30px;border-radius:50%;background:white;color:#111;display:grid;place-items:center;font-style:normal}.hamburger{display:none}.hero{width:min(92%,1740px);min-height:calc(100svh - 125px);margin:auto}.copy,.hero{position:relative}.copy{z-index:8;width:min(620px,43vw);padding:10vh 0 130px 4vw;animation:enter .7s both}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:12px}.eyebrow i{width:32px;height:2px;background:#111}h1{font-size:clamp(60px,6.2vw,110px);letter-spacing:-.075em;line-height:.86;margin:27px 0 0}h1 em{display:block;color:white;font-family:Georgia,serif;font-weight:400;position:relative}h1 em:after{content:"";position:absolute;left:2%;right:3%;bottom:-6px;border-top:3px solid #111;border-radius:50%;transform:rotate(-2deg)}.intro{max-width:500px;font-size:clamp(15px,1.2vw,19px);line-height:1.6;margin:40px 0 30px}.stores{flex-wrap:wrap}.store,.stores{display:flex;gap:12px}.store{height:56px;min-width:172px;border:1.5px solid #111;border-radius:14px;align-items:center;padding:8px 16px;transition:.25s}.store:hover{transform:translateY(-4px);background:#111;color:white}.store b{font-size:24px}.store span{font-size:18px;font-weight:700}.store small{display:block;font-size:8px;font-weight:400}.rating{display:flex;align-items:center;margin-top:26px}.rating>span{width:31px;height:31px;margin-left:-7px;border:2px solid var(--yellow);background:white;border-radius:50%;display:grid;place-items:center;font-size:14px}.rating>span:first-child{margin-left:0}.rating p{font-size:10px;text-transform:uppercase;margin-left:12px;line-height:1.45}.stage{z-index:6;inset:-45px -2vw 0 47%;perspective:1200px;transition:transform .2s}.phone,.stage{position:absolute}.phone{z-index:8;width:clamp(265px,21vw,390px);height:clamp(545px,44vw,775px);top:8vh;left:31%;border:12px solid #111;border-radius:52px;background:#111;box-shadow:0 40px 55px #572f003b;transform-style:preserve-3d;transition:transform .15s;animation:phone 1s both}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:40px;background:#fffdf7;text-align:center}.notch{position:absolute;z-index:3;left:30%;top:0;width:40%;height:24px;border-radius:0 0 15px 15px;background:#111}.phone-logo{padding-top:18%;font-size:clamp(28px,2.5vw,46px);font-weight:1000;text-transform:uppercase;line-height:.75;letter-spacing:-.09em;transform:rotate(-4deg)}.screen button{margin-top:8%;border:0;border-radius:99px;padding:10px 24px;background:#111;color:#fff;text-transform:uppercase;font-size:9px}.screen p{font-size:11px;font-weight:700;line-height:1.5}.screen>span{position:absolute;z-index:3;filter:drop-shadow(0 10px 7px #0003);animation:float 4s ease-in-out infinite alternate}.kiwi{font-size:58px;left:10%;top:47%}.lime{font-size:50px;right:5%;top:41%}.berry{font-size:95px;right:3%;bottom:4%}.avo{font-size:115px;left:18%;bottom:-5%}.wave{width:150%;height:49%;left:-20%;bottom:-12%;border-radius:50% 50% 0 0;background:var(--accent);transform:rotate(-8deg)}.fruit,.wave{position:absolute}.fruit{filter:drop-shadow(0 18px 16px #57300038);animation:float 4s ease-in-out infinite alternate}.orange{font-size:clamp(150px,17vw,280px);top:-17%;right:-3%}.lemon{font-size:clamp(150px,18vw,290px);top:-13%;left:2%;transform:rotate(22deg)}.mango{width:18vw;height:6vw;right:-4%;top:39%;background:linear-gradient(15deg,#ff8c0a,#ffcb20 65%,#fff06e);border-radius:100% 0;transform:rotate(-16deg)}.badge{position:absolute;z-index:9;left:8%;bottom:8%;width:118px;height:118px;border:4px solid #111;border-radius:30%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;transform:rotate(-3deg);animation:bob 3s ease-in-out infinite}.badge b{font-size:25px}.badge span{font-weight:900;letter-spacing:.08em}.social{left:4vw;gap:18px;font-size:21px;font-weight:900}.controls,.social{position:absolute;z-index:10;bottom:6%;display:flex}.controls{right:2vw;align-items:center;gap:9px}.controls span{font-size:11px;margin-right:12px}.controls button{width:49px;height:49px;border:0;border-radius:50%;background:#111;color:white;font-size:28px;cursor:pointer;transition:.2s}.controls button:hover{background:var(--accent);transform:scale(1.08)}@keyframes morph{to{border-radius:58% 42% 37% 63%/49% 62% 38% 51%;transform:rotate(3deg) scale(1.04)}}@keyframes logo{to{border-radius:60% 40% 56% 44%;transform:rotate(3deg)}}@keyframes enter{0%{opacity:0;transform:translateY(30px);filter:blur(8px)}}@keyframes phone{0%{opacity:0;transform:translate(100px,70px) rotate(4deg) scale(.85)}to{opacity:1;transform:rotate(-9deg)}}@keyframes float{to{transform:translateY(12px) rotate(4deg)}}@keyframes bob{50%{transform:translateY(-9px) rotate(2deg)}}.copyright{position:fixed;left:clamp(18px,3vw,42px);bottom:18px;z-index:30;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.68);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.06)}@media(max-width:900px){.shell{background:linear-gradient(160deg,var(--yellow) 0 61%,#fffdf7 61%)}header{height:100px;grid-template-columns:1fr auto auto}.logo{width:72px;height:64px;font-size:14px}nav{position:fixed;z-index:25;inset:0;background:var(--yellow);flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:.3s}nav.open{opacity:1;visibility:visible}nav a{font-size:26px}.hamburger{position:relative;z-index:35;display:block;width:48px;height:48px;border:0;border-radius:50%;background:white;margin-left:10px}.hamburger i{position:absolute;left:14px;width:20px;height:2px;background:#111}.hamburger i:first-child{top:19px}.hamburger i:last-child{top:27px}.hero{min-height:calc(100svh - 100px)}.copy{width:60vw;padding:6vh 0 430px 2vw}h1{font-size:clamp(54px,9vw,86px)}.stage{inset:auto -6% 0 35%;height:62%}.phone{width:225px;height:460px;top:2%;left:31%}.badge{width:90px;height:90px;left:10%}.badge b{font-size:19px}.badge span{font-size:11px}}@media(max-width:620px){.shell{overflow-y:auto;background:linear-gradient(168deg,var(--yellow) 0 58%,#fffdf7 58%)}.hero,header{width:90%}.order{display:none}.copy{width:100%;padding:4vh 0 500px}h1{font-size:clamp(52px,16vw,76px)}.intro{font-size:14px;margin:27px 0 24px}.store{min-width:147px;height:50px;padding:6px 10px}.store span{font-size:16px}.copyright,.rating,.social{display:none}.stage{height:470px;left:-4%;right:-12%;bottom:12px}.phone{width:195px;height:405px;left:42%;top:7%;border-width:8px}.lemon,.orange{font-size:150px}.mango{width:150px;height:50px;top:43%}.badge{left:4%;bottom:8%}.controls{bottom:25px}.controls span{display:none}.controls button{width:43px;height:43px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}