:root{--bg: #f5f6f8;--color-dark: #380e09;--color-green: #47a857;--color-orange: #f7931e;--grid-color: rgba(0, 0, 0, .025);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--color-dark)}.page-wrapper{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.grid-bg{position:absolute;inset:0;z-index:1;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px}.glow-overlay{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 48%,rgba(71,168,87,.05) 0%,rgba(247,147,30,.03) 35%,transparent 70%);opacity:.6;transition:opacity 1.2s ease,transform 1.2s ease}.page-wrapper:has(.brand-card:hover) .glow-overlay,.page-wrapper:has(.brand-card.is-active) .glow-overlay{opacity:1;transform:scale(1.15)}.deco-letter{position:absolute;z-index:2;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1;color:transparent;-webkit-text-fill-color:transparent;transition:-webkit-text-stroke .6s ease,transform .6s var(--ease-out);pointer-events:none;user-select:none}.deco-letter-p{top:-6vw;left:-3vw;font-size:clamp(200px,28vw,420px);-webkit-text-stroke:1px rgba(71,168,87,.13);transform:rotate(-5deg)}.deco-letter-m{bottom:-6vw;right:-3vw;font-size:clamp(200px,28vw,420px);-webkit-text-stroke:1px rgba(247,147,30,.13);transform:rotate(5deg)}.page-wrapper:has(.brand-card:hover) .deco-letter-p,.page-wrapper:has(.brand-card.is-active) .deco-letter-p{-webkit-text-stroke:1.5px rgba(71,168,87,.3);transform:rotate(-8deg) translate(-8px)}.page-wrapper:has(.brand-card:hover) .deco-letter-m,.page-wrapper:has(.brand-card.is-active) .deco-letter-m{-webkit-text-stroke:1.5px rgba(247,147,30,.3);transform:rotate(8deg) translate(8px)}.side-lines{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:8px}.side-lines-right{right:7%}.side-lines-left{left:7%}.side-line{height:1px;background:linear-gradient(90deg,transparent,rgba(56,14,9,.18),transparent);transition:width .6s var(--ease-out),opacity .6s var(--ease-out);opacity:.5}.side-lines-right .side-line:nth-child(1){width:60px;transition-delay:0s}.side-lines-right .side-line:nth-child(2){width:38px;transition-delay:.06s}.side-lines-right .side-line:nth-child(3){width:52px;transition-delay:.12s}.side-lines-left .side-line:nth-child(1){width:52px;transition-delay:.12s}.side-lines-left .side-line:nth-child(2){width:38px;transition-delay:.06s}.side-lines-left .side-line:nth-child(3){width:60px;transition-delay:0s}.page-wrapper:has(.brand-card:hover) .side-lines-right .side-line:nth-child(1),.page-wrapper:has(.brand-card.is-active) .side-lines-right .side-line:nth-child(1){width:80px;opacity:1}.page-wrapper:has(.brand-card:hover) .side-lines-right .side-line:nth-child(2),.page-wrapper:has(.brand-card.is-active) .side-lines-right .side-line:nth-child(2){width:45px;opacity:1}.page-wrapper:has(.brand-card:hover) .side-lines-right .side-line:nth-child(3),.page-wrapper:has(.brand-card.is-active) .side-lines-right .side-line:nth-child(3){width:68px;opacity:1}.page-wrapper:has(.brand-card:hover) .side-lines-left .side-line:nth-child(1),.page-wrapper:has(.brand-card.is-active) .side-lines-left .side-line:nth-child(1){width:68px;opacity:1}.page-wrapper:has(.brand-card:hover) .side-lines-left .side-line:nth-child(2),.page-wrapper:has(.brand-card.is-active) .side-lines-left .side-line:nth-child(2){width:45px;opacity:1}.page-wrapper:has(.brand-card:hover) .side-lines-left .side-line:nth-child(3),.page-wrapper:has(.brand-card.is-active) .side-lines-left .side-line:nth-child(3){width:80px;opacity:1}.orbit-wrapper{position:absolute;inset:0;z-index:9;pointer-events:none;display:flex;align-items:center;justify-content:center}.orbit-ring{position:relative;width:540px;height:540px;border-radius:50%;opacity:0;transition:opacity .8s ease}.page-wrapper:has(.brand-card:hover) .orbit-ring,.page-wrapper:has(.brand-card.is-active) .orbit-ring{opacity:1}.orbit-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--color-green),transparent 25%,var(--color-orange) 50%,transparent 75%,var(--color-green));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),white calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),white calc(100% - 1.5px));animation:spin 8s linear infinite}.orbit-ring:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px dashed rgba(56,14,9,.12);animation:spin-reverse 14s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.brand-card{position:relative;z-index:10;pointer-events:auto;width:420px;border-radius:28px;background:#ffffff73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.65);padding:45px 35px 35px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 24px #00000008,0 1px 2px #00000005;transition:transform .5s var(--ease-out),background-color .5s var(--ease-out),box-shadow .5s var(--ease-out);cursor:default}.brand-card:hover,.brand-card.is-active{transform:translateY(-3px);background:#ffffff9e;box-shadow:0 28px 56px #0000000d,0 0 0 1px #fff9,0 0 30px #47a85714,0 0 60px #f7931e0d}.brand-logo{width:140px;height:205px;margin-bottom:18px;opacity:.55;transition:opacity .5s var(--ease-out)}.brand-card:hover .brand-logo,.brand-card.is-active .brand-logo{opacity:1}.brand-logo .cls-1,.brand-logo .cls-2,.brand-logo .cls-3{fill:#b8b8b8}.brand-logo .cls-1,.brand-logo .cls-2,.brand-logo .cls-3{stroke-width:0px}.brand-card:hover .brand-logo .cls-1,.brand-card.is-active .brand-logo .cls-1{fill:#f7931e}.brand-card:hover .brand-logo .cls-2,.brand-card.is-active .brand-logo .cls-2{fill:#47a857}.brand-card:hover .brand-logo .cls-3,.brand-card.is-active .brand-logo .cls-3{fill:#380e09}.brand-logo .cls-1,.brand-logo .cls-2,.brand-logo .cls-3{transition:fill .5s var(--ease-out)}.tagline{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:#b9a8a4;margin-bottom:4px;transition:color .5s var(--ease-out)}.brand-card:hover .tagline,.brand-card.is-active .tagline{color:var(--color-dark)}.highlight-green{color:#b9c8bc;transition:color .5s var(--ease-out)}.brand-card:hover .highlight-green,.brand-card.is-active .highlight-green{color:var(--color-green)}.collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out);width:100%}.collapsible-inner{overflow:hidden;min-height:0}.brand-card:hover .collapsible,.brand-card.is-active .collapsible{grid-template-rows:1fr}.motto-divider{width:36px;height:1px;background:#380e091a;margin:14px auto}.motto{font-family:Outfit,sans-serif;font-size:.9rem;color:#6e5752;line-height:1.5;margin:6px 0}.motto .green{color:var(--color-green);font-weight:500}.motto .orange{color:var(--color-orange);font-weight:500}.social-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;opacity:.3;transition:opacity .4s var(--ease-out)}.brand-card:hover .social-row,.brand-card.is-active .social-row{opacity:.7}.social-icon{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.07);color:var(--color-dark);text-decoration:none;font-size:15px;transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out),color .35s var(--ease-out)}.social-icon i{transition:color .35s var(--ease-out)}.social-icon:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid transparent;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out),border-color .35s var(--ease-out);opacity:0;transform:scale(.8)}.social-icon:hover{transform:translateY(-4px) scale(1.05);background:#fff;border-color:transparent;box-shadow:0 4px 16px #00000014}.social-icon:hover:before{opacity:1;transform:scale(1)}.social-icon.amazon:hover{color:var(--color-orange)}.social-icon.amazon:hover:before{border-color:#f7931e80}.social-icon.x:hover{color:var(--color-dark)}.social-icon.x:hover:before{border-color:#380e094d}.social-icon.instagram:hover{color:var(--color-orange)}.social-icon.instagram:hover:before{border-color:#f7931e80}.social-icon.tiktok:hover{color:var(--color-green)}.social-icon.tiktok:hover:before{border-color:#47a85780}.social-icon.email:hover{color:var(--color-green)}.social-icon.email:hover:before{border-color:#47a85780}.tap-hint{display:none;font-family:Space Grotesk,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#380e0959;margin-top:16px;animation:pulse-hint 2.5s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:.9}}.bottom-band{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#380e0947;pointer-events:none;transition:color .65s var(--ease-out);white-space:nowrap}.bottom-band .dot{width:3px;height:3px;border-radius:50%;background:currentColor;flex-shrink:0}.page-wrapper:has(.brand-card:hover) .bottom-band,.page-wrapper:has(.brand-card.is-active) .bottom-band{color:#380e0973}@media(max-width:768px){.tap-hint{display:block}}@media(max-width:480px){.brand-card{width:88%;padding:32px 20px 24px}.brand-logo{width:110px;height:161px}.tagline{font-size:1.1rem}.orbit-ring{width:360px;height:360px}.side-lines{display:none}.deco-letter{font-size:clamp(130px,40vw,250px)}.bottom-band{flex-direction:column;gap:4px;bottom:18px}.bottom-band .dot{display:none}}