.intro-active{overflow:hidden}.koffa-splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#1d4e3d,#0b241d 48%,#030d0a);color:#fff;overflow:hidden;transition:opacity .8s,transform 1s cubic-bezier(.7,0,.2,1)}.koffa-splash.out{opacity:0;transform:scale(1.12);pointer-events:none}.splash-content{text-align:center;position:relative;z-index:2}.splash-basket{width:105px;height:100px;margin:0 auto 25px;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(30deg,#d69d36 0 8px,#efca70 8px 16px);border-radius:14px 14px 42px 42px;box-shadow:0 28px 70px #0007,0 0 60px #e8b84a30;animation:splash-rise .9s cubic-bezier(.2,.8,.2,1) both}.splash-basket:before{content:"";position:absolute;width:65px;height:65px;top:-50px;border:9px solid #e1b24f;border-bottom:0;border-radius:70px 70px 0 0}.splash-basket span{font-size:47px;font-weight:950;color:#0c281f}.splash-basket i{position:absolute;right:-9px;top:-12px;color:#fff;font-style:normal;animation:spark 1.4s infinite}.splash-content>p{font-size:8px;letter-spacing:5px;color:#e8b84a;font-weight:900;animation:splash-rise .7s .3s both}.splash-content h1{font-size:clamp(65px,12vw,140px);letter-spacing:-8px;line-height:.8;margin:16px 0 25px;animation:splash-rise .8s .45s both}.splash-content h1 em,.splash-signature em{font-style:normal;color:#e8b84a}.splash-signature{display:flex;justify-content:center;align-items:center;gap:9px;animation:splash-rise .7s .65s both}.splash-signature span{font-size:6px;letter-spacing:2px;color:#7f9b91}.splash-signature strong{font-size:13px;letter-spacing:2px}.splash-loader{width:150px;height:2px;background:#ffffff12;margin:24px auto 0;overflow:hidden}.splash-loader i{display:block;height:100%;background:#e8b84a;animation:splash-load 2.8s .2s ease both}.splash-orbit{position:absolute;border:1px solid #e8b84a22;border-radius:50%;animation:intro-spin 20s linear infinite}.splash-orbit-a{width:min(78vw,750px);height:min(78vw,750px)}.splash-orbit-b{width:min(52vw,500px);height:min(52vw,500px);border-style:dashed;animation-direction:reverse}.skip-intro{position:absolute;z-index:3;right:25px;bottom:22px;border:1px solid #ffffff1c;background:#ffffff08;color:#a8bdb5;border-radius:50px;padding:9px 15px;cursor:pointer}.gold-transition{position:fixed;z-index:95;inset:0;background:#e8b84a;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.gold-transition.play{animation:gold-curtain 1.15s cubic-bezier(.7,0,.2,1)}.koffa-landing{position:relative;min-height:calc(100svh - 76px);padding:clamp(60px,9vh,105px) clamp(22px,6vw,90px) 40px;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr auto;gap:40px;background:radial-gradient(circle at 75% 45%,#2c6a53 0,transparent 28%),linear-gradient(135deg,#071a15,#102d25 65%,#1a4638);color:#fff;overflow:hidden}.koffa-landing:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle,#000,transparent 72%)}.landing-copy{position:relative;z-index:2;align-self:center}.landing-kicker{font-size:9px;letter-spacing:4px;color:#e8b84a;font-weight:900}.landing-copy h1{font-size:clamp(52px,7vw,103px);line-height:.9;letter-spacing:-6px;margin:22px 0}.landing-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#e8b84a}.landing-copy>p{max-width:590px;color:#aac0b8;line-height:1.7}.landing-actions{display:flex;align-items:center;gap:14px;margin-top:34px}.landing-actions button{border:0;cursor:pointer}.landing-actions #enter-koffa{min-width:225px;padding:8px 8px 8px 21px;border-radius:50px;background:#e8b84a;color:#081a16;font-weight:950;display:flex;justify-content:space-between;align-items:center}.landing-actions #enter-koffa b{width:42px;height:42px;border-radius:50%;background:#081a16;color:#fff;display:grid;place-items:center}.replay{background:transparent;color:#9db3ab;padding:12px}.replay i{font-style:normal;color:#e8b84a}.landing-art{position:relative;min-height:430px;display:grid;place-items:center}.landing-ring{position:absolute;border:1px solid #e8b84a32;border-radius:50%;animation:intro-spin 25s linear infinite}.ring-a{width:420px;height:420px}.ring-b{width:310px;height:310px;border-style:dashed;animation-direction:reverse}.hero-koffa{position:relative;width:270px;height:260px;z-index:2}.hero-handle{position:absolute;left:50px;right:50px;top:0;height:155px;border:18px solid #d7a13d;border-bottom:0;border-radius:120px 120px 0 0}.hero-bag{position:absolute;inset:auto 0 0;height:175px;border-radius:25px 25px 75px 75px;background:repeating-linear-gradient(28deg,#d79f39 0 11px,#efc86c 11px 22px);box-shadow:inset 0 0 0 9px #7c4d1e45,0 35px 60px #0005;display:grid;place-items:center;align-content:center;color:#0c2a21}.hero-bag:before{content:"";position:absolute;inset:14px;border:2px dashed #71471866;border-radius:15px 15px 60px 60px}.hero-bag strong,.hero-bag small{z-index:1}.hero-bag strong{font-size:33px;letter-spacing:-2px}.hero-bag small{font-size:7px;letter-spacing:3px}.floating-product{position:absolute;z-index:3;font-size:55px;filter:drop-shadow(0 15px 12px #0005);animation:float-product 4s ease-in-out infinite}.fp-a{left:7%;top:20%}.fp-b{right:6%;top:30%;animation-delay:-1.2s}.fp-c{right:18%;bottom:8%;animation-delay:-2.3s}.budget-orb{position:absolute;left:4%;bottom:10%;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;color:#102d25;font-size:7px;letter-spacing:1px;box-shadow:0 18px 40px #0004}.budget-orb b{display:block;font-size:20px;color:#c08123}.promise-grid{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff18}.promise-grid article{padding:25px;border-right:1px solid #ffffff18;display:grid;grid-template-columns:45px 1fr}.promise-grid article:last-child{border:0}.promise-grid i{grid-row:1/3;font-style:normal;color:#e8b84a;font-size:11px}.promise-grid strong{font-size:14px}.promise-grid span{font-size:10px;color:#769087;margin-top:5px}@keyframes splash-rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes splash-load{from{width:0}to{width:100%}}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes spark{50%{transform:scale(1.6) rotate(90deg);opacity:.5}}@keyframes float-product{50%{transform:translateY(-18px) rotate(6deg)}}@keyframes gold-curtain{0%{transform:scaleY(0);transform-origin:bottom}48%{transform:scaleY(1);transform-origin:bottom}52%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:top}}@media(max-width:850px){.koffa-landing{grid-template-columns:1fr;padding-top:55px}.landing-copy{text-align:center}.landing-copy>p{margin-inline:auto}.landing-actions{justify-content:center}.landing-art{min-height:360px}.promise-grid{grid-template-columns:1fr}.promise-grid article{border-right:0;border-bottom:1px solid #ffffff18}.ring-a{width:350px;height:350px}.hero-koffa{transform:scale(.82)}}@media(max-width:520px){.landing-copy h1{font-size:52px;letter-spacing:-4px}.landing-actions{flex-direction:column}.landing-art{min-height:320px}.ring-a{width:290px;height:290px}.ring-b{width:220px;height:220px}.hero-koffa{transform:scale(.7)}.floating-product{font-size:40px}.budget-orb{width:70px;height:70px}.splash-content h1{letter-spacing:-5px}}@media(prefers-reduced-motion:reduce){.splash-orbit,.landing-ring,.floating-product,.splash-basket i{animation:none!important}}