:root{--berry:#2b1237;--berry-soft:#43205a;--berry-deep:#1d0b27;--mango:#ffb020;--peach:#ff7a5c;--leaf:#7cc35b;--leaf-soft:#f2f9ec;--paper:#fbf8ff;--tint:#f1e9fa;--ink:#24102e;--muted:#6b5a78;--font-head:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--radius:28px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body.menu-open{overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0;line-height:1.08}h2{font-size:clamp(2rem,5vw,3.2rem)}h3{font-size:1.3rem}p{margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--mango);outline-offset:3px}::selection{background:var(--mango);color:var(--berry)}.icon{flex-shrink:0}.container{width:min(1100px,100% - 2.5rem);margin-inline:auto}.section{padding:clamp(4rem,9vw,7rem) 0}.section-tint{background:var(--tint)}.section-leaf{background:var(--leaf-soft)}.lead{color:var(--muted);max-width:56ch;margin-top:1rem;font-size:clamp(1.05rem,2.2vw,1.25rem)}.btn{background:var(--mango);color:var(--berry);transition:transform .2s var(--ease), box-shadow .2s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.7rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #ffb02066}.btn:active{transform:translateY(0)}.btn-small{padding:.5rem 1.2rem}.btn-ghost{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #fff6}.btn-ghost:hover{box-shadow:inset 0 0 0 2px #fff}.actions{flex-wrap:wrap;gap:.9rem;display:flex}.actions.center{justify-content:center}.progress{z-index:40;background:linear-gradient(90deg, var(--mango), var(--peach));height:3px;transform:scaleX(var(--progress,0));transform-origin:0;position:fixed;inset:0 0 auto}.header{z-index:30;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0 0 auto}.header:before{content:"";-webkit-backdrop-filter:blur(12px);opacity:0;background:#2b1237d1;transition:opacity .3s;position:absolute;inset:0}.header.is-solid:before{opacity:1}.header>*{z-index:2;position:relative}.logo{font-family:var(--font-head);color:var(--mango);align-items:center;gap:.55rem;font-size:1.6rem;font-weight:800;text-decoration:none;display:inline-flex}.nav{gap:2rem;margin-left:auto;display:flex}.nav a{color:#fff;opacity:.8;font-weight:500;text-decoration:none;transition:opacity .2s;position:relative}.nav a:after{content:"";background:var(--mango);height:2px;transition:transform .3s var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a.active{opacity:1}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.menu-btn{color:#fff;background:0 0;border:0;padding:.3rem;display:none}.hero{--mx:0;--my:0;background:var(--berry);color:#fff;border-radius:0 0 48px 48px;grid-template-columns:1.05fr 1fr;align-items:center;gap:2rem;min-height:100svh;padding:7rem clamp(1.25rem,6vw,5rem) 5rem;display:grid;position:relative;overflow:hidden}.blob{filter:blur(70px);pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.blob-a{background:var(--peach);opacity:.55;width:38vw;height:38vw;top:-12vw;right:-8vw}.blob-b{background:var(--mango);opacity:.35;width:30vw;height:30vw;animation-delay:-6s;bottom:-14vw;left:-8vw}@keyframes drift{to{transform:translate(3vw,2vw)scale(1.1)}}.hero-text{z-index:1;position:relative}.hero h1{max-width:14ch;font-size:clamp(2.6rem,6.4vw,5rem);font-weight:800}.word{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.word>span{animation:wordUp .9s var(--ease) forwards;animation-delay:calc(var(--i) * 80ms + .15s);display:inline-block;transform:translateY(110%)}@keyframes wordUp{to{transform:none}}.hero-lead{color:#ffffffd1;max-width:44ch;margin:1.4rem 0 2rem;font-size:clamp(1.05rem,2.2vw,1.3rem)}.hero-lead,.hero-text .actions{opacity:0;animation:rise .8s var(--ease) forwards;animation-delay:.9s;transform:translateY(20px)}.hero-text .actions{animation-delay:1.05s}@keyframes rise{to{opacity:1;transform:none}}.hero-collage{z-index:1;height:min(70vh,560px);position:relative}.shot{border-radius:var(--radius);background:var(--berry-soft);transform:translate(calc(var(--mx) * var(--depth) * 1px), calc(var(--my) * var(--depth) * 1px)) rotate(var(--rot));border:6px solid #fffffff2;transition:transform .25s ease-out;animation:7s ease-in-out infinite float;position:absolute;overflow:hidden;box-shadow:0 24px 50px #00000059}.shot img{object-fit:cover;width:100%;height:100%}.shot-1{--depth:18;--rot:-4deg;width:58%;height:62%;top:0;left:4%}.shot-2{--depth:-26;--rot:5deg;width:46%;height:50%;animation-delay:-2s;top:22%;right:0}.shot-3{--depth:34;--rot:-2deg;width:50%;height:42%;animation-delay:-4s;bottom:0;left:18%}@keyframes float{50%{margin-top:-12px}}.badge{z-index:2;width:clamp(90px,11vw,130px);animation:18s linear infinite spin;position:absolute;bottom:12%;left:-2%}.badge-bg{fill:var(--mango)}.badge-text{font-family:var(--font-head);fill:var(--berry);font-size:10px;font-weight:700}.badge-dot{fill:var(--berry)}@keyframes spin{to{transform:rotate(360deg)}}.scroll-cue{z-index:1;border:2px solid #ffffff80;border-radius:14px;width:26px;height:42px;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--mango);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite cue;position:absolute;top:8px;left:50%}@keyframes cue{60%{opacity:0;transform:translateY(14px)}to{opacity:0}}.statement{padding:clamp(4.5rem,10vw,8rem) 0 clamp(2rem,5vw,3rem)}.statement-inner{grid-template-columns:1fr auto;align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.statement-text{font-family:var(--font-head);letter-spacing:-.025em;max-width:20ch;font-size:clamp(2rem,5.2vw,4rem);font-weight:800;line-height:1.12}.st-word{opacity:.16;transition:opacity .35s}.st-word.on{opacity:1}.slice{width:clamp(110px,20vw,240px);transform:rotate(calc(var(--progress,0) * 900deg));filter:drop-shadow(0 18px 30px #ff7a5c59)}.about{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.about-photo{aspect-ratio:4/5;border-radius:200px 200px var(--radius) var(--radius);background:var(--berry-soft);box-shadow:18px 18px 0 var(--mango);overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.benefits{gap:1.4rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.benefits li{align-items:flex-start;gap:1rem;display:flex}.benefit-icon{background:var(--tint);width:52px;height:52px;color:var(--berry-soft);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.benefits li:first-child .benefit-icon{color:#a86a00;background:#fff1d1}.benefits li:nth-child(2) .benefit-icon{color:#3d7a22;background:#dff0d3}.benefits li:nth-child(3) .benefit-icon{color:#b8412a;background:#ffe0d8}.benefits p{color:var(--muted);margin-top:.2rem}.steps{counter-reset:none;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:#fff;padding:1.8rem 1.4rem;position:relative;box-shadow:0 10px 30px #2b123712}.steps li:hover{transform:translateY(-6px)}.step-num{background:var(--berry);width:46px;height:46px;color:var(--mango);font-family:var(--font-head);border-radius:50%;place-items:center;margin-bottom:1.1rem;font-size:1.3rem;font-weight:800;display:grid}.steps p{color:var(--muted);margin-top:.4rem}.tabs{flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;display:flex}.tab{color:var(--ink);transition:background .25s ease, color .25s ease, transform .2s var(--ease);background:#fff;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 2px #2b12371f}.tab:hover{transform:translateY(-2px)}.tab-dot{background:var(--accent);border-radius:50%;width:12px;height:12px}.tab.active{background:var(--berry);color:#fff;box-shadow:none}.product{animation:swap .55s var(--ease);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,5rem);margin-top:2.2rem;display:grid}@keyframes swap{0%{opacity:0;transform:translateY(18px)}}.product-main{aspect-ratio:1;border-radius:var(--radius);background:var(--berry-soft);width:100%;box-shadow:16px 16px 0 var(--accent);cursor:zoom-in;border:0;padding:0;display:block;position:relative;overflow:hidden}.product-main img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);animation:.4s fade}.product-main:hover img{transform:scale(1.05)}.thumbs{gap:.7rem;margin-top:2rem;display:flex}.thumb{aspect-ratio:1;background:var(--berry-soft);opacity:.6;max-width:84px;transition:opacity .2s, border-color .2s, transform .2s var(--ease);border:3px solid #0000;border-radius:16px;flex:1 1 0;padding:0;overflow:hidden}.thumb:hover{opacity:1;transform:translateY(-3px)}.thumb.active{opacity:1;border-color:var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%}.product-tag{background:var(--accent);color:var(--berry);border-radius:999px;padding:.3rem .9rem;font-size:.9rem;font-weight:700;display:inline-block}.product-info h3{margin:1rem 0 .8rem;font-size:clamp(2.4rem,5vw,4rem);font-weight:800}.product-info p{max-width:44ch;color:var(--muted);margin-bottom:1.8rem;font-size:1.1rem}.lightbox{z-index:60;background:#14081ceb;place-items:center;padding:1rem;animation:.25s fade;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:min(92vw,1100px);max-height:82vh;animation:pop .35s var(--ease);border-radius:18px}.lb-btn{color:#fff;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s;display:grid;position:absolute}.lb-btn:hover{background:var(--mango);color:var(--berry)}.lb-close{top:1rem;right:1rem}.lb-prev{top:50%;left:1rem;translate:0 -50%}.lb-next{top:50%;right:1rem;translate:0 -50%}.lb-count{color:#ffffffbf;font-size:.95rem;position:absolute;bottom:1.2rem;left:50%;translate:-50%}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.contact{background:var(--berry);color:#fff;text-align:center;border-radius:48px 48px 0 0}.contact .lead{color:#fffc;margin-inline:auto}.order-steps{flex-wrap:wrap;justify-content:center;gap:.8rem 2rem;margin:2rem 0;padding:0;list-style:none;display:flex}.order-steps li{align-items:center;gap:.7rem;font-weight:500;display:flex}.order-steps span{background:var(--mango);width:32px;height:32px;color:var(--berry);font-family:var(--font-head);border-radius:50%;place-items:center;font-weight:800;display:grid}.where{color:#ffffffbf;align-items:center;gap:.5rem;margin-top:2.2rem;display:inline-flex}.where a{color:var(--mango)}.footer{background:var(--berry-deep);color:#fff9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem clamp(1.25rem,6vw,5rem);font-size:.9rem;display:flex}.footer .logo{font-size:1.3rem}.social{color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,color .2s;display:grid}.social:hover{background:var(--mango);color:var(--berry)}.fab{z-index:35;background:var(--mango);width:58px;height:58px;color:var(--berry);opacity:0;pointer-events:none;transition:opacity .3s ease, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:1.2rem;right:1.2rem;transform:scale(.6)translateY(20px);box-shadow:0 10px 28px #0000004d}.fab.show{opacity:1;pointer-events:auto;transform:none}.fab.show:after{content:"";border:2px solid var(--mango);border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:0}@keyframes ping{to{opacity:0;transform:scale(1.6)}}.reveal{opacity:0;transition:opacity .7s ease, transform .7s var(--ease);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:none}@media (width<=960px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.menu-btn{margin-left:.2rem;display:block}.header-cta{margin-left:auto}.nav{z-index:1;background:var(--berry);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;margin:0;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.nav.open{opacity:1;visibility:visible}.nav a{font-family:var(--font-head);opacity:1;font-size:2rem;font-weight:700}.hero{border-radius:0 0 32px 32px;grid-template-columns:1fr;min-height:auto;padding-top:6.5rem;padding-bottom:5.5rem}.hero-collage{height:380px;margin-top:1rem}.scroll-cue{display:none}.about{grid-template-columns:1fr}.about-photo{width:100%;max-width:420px;box-shadow:12px 12px 0 var(--mango);margin-inline:auto}.statement-inner{grid-template-columns:1fr;justify-items:start}.slice{width:110px}.product{grid-template-columns:1fr}.product-main{box-shadow:10px 10px 0 var(--accent)}.contact{border-radius:32px 32px 0 0}.footer{text-align:center;justify-content:center}}@media (width<=480px){.hero-collage{height:320px}.steps{grid-template-columns:1fr}.actions .btn{flex:100%}.fab{bottom:.9rem;right:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.word>span,.hero-lead,.hero-text .actions,.reveal{opacity:1;transform:none}.st-word{opacity:1}}