:root{--cl-black: #0b0b0b;--cl-white: #fcfbf9;--cl-cream: #f5f2ed;--cl-warm-100: #eae5dd;--cl-warm-200: #d4cdc2;--cl-warm-400: #9e9585;--cl-warm-600: #625b50;--cl-warm-800: #33302b;--cl-gold: #b8960c;--cl-gold-dark: #9a7d0a;--cl-gold-glow: rgba(184,150,12,.07)}.cl-container{max-width:1080px;margin:0 auto}.cl-label{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-gold);margin-bottom:14px}.cl-heading{font-size:clamp(34px,4.5vw,52px);line-height:1.15;margin-bottom:20px;color:var(--cl-black);font-weight:400}.cl-heading em{font-style:italic;color:var(--cl-gold-dark)}.cl-btn{display:inline-block;padding:15px 34px;font-size:14.5px;font-weight:600;text-decoration:none;border-radius:5px;transition:all .25s;cursor:pointer;border:none}.cl-btn-primary{background:var(--cl-gold);color:var(--cl-white)}.cl-btn-primary:hover{background:var(--cl-gold-dark);transform:translateY(-1px)}.cl-btn-ghost{background:transparent;border:1.5px solid var(--cl-warm-200)}.cl-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 40px 80px;position:relative;overflow:hidden;background:var(--cl-black);color:var(--cl-white)}.cl-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 30% 50%,rgba(184,150,12,.05) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 75% 55%,rgba(184,150,12,.04) 0%,transparent 70%)}.cl-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:64px 64px}.cl-hero-inner{position:relative;z-index:1;max-width:780px;display:flex;flex-direction:column;align-items:center}.cl-hero-logo{max-height:280px;width:auto;object-fit:contain;filter:invert(1);margin-bottom:40px;display:block}.cl-hero .cl-heading{color:var(--cl-white);font-size:clamp(40px,5.5vw,66px)}.cl-hero .cl-heading em{color:var(--cl-gold)}.cl-hero-sub{font-size:18px;color:var(--cl-warm-400);max-width:600px;margin:0 auto 44px;line-height:1.75}.cl-hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cl-hero .cl-btn-ghost{color:var(--cl-warm-200);border-color:var(--cl-warm-400)}.cl-mission{padding:100px 40px;background:var(--cl-white)}.cl-mission-inner{max-width:720px;margin:0 auto;text-align:center}.cl-mission p{font-size:18px;color:var(--cl-warm-600);line-height:1.8;margin-bottom:16px}.cl-how-it-works{padding:100px 40px;background:var(--cl-cream)}.cl-how-intro{max-width:680px;margin:0 auto 56px;text-align:center}.cl-how-intro p{font-size:17px;color:var(--cl-warm-600);line-height:1.75}.cl-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cl-journey-step{padding:44px 36px 40px;background:var(--cl-white);border-radius:12px;border:1px solid var(--cl-warm-100);transition:box-shadow .3s,transform .3s}.cl-journey-step:hover{box-shadow:0 8px 32px #0000000f;transform:translateY(-3px)}.cl-step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cl-gold-glow);border:1.5px solid var(--cl-gold);font-size:18px;color:var(--cl-gold-dark);margin-bottom:24px}.cl-journey-step h3{font-size:26px;margin-bottom:12px}.cl-journey-step p{font-size:15px;color:var(--cl-warm-600);line-height:1.7}.cl-step-list{list-style:none;margin-top:16px;padding:0}.cl-step-list li{font-size:14px;color:var(--cl-warm-600);padding:5px 0 5px 20px;position:relative}.cl-step-list li:before{content:"\2192";position:absolute;left:0;color:var(--cl-gold);font-weight:600}.cl-ecosystem{padding:100px 40px;background:var(--cl-white)}.cl-eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:48px}.cl-eco-card{text-align:center;padding:36px 24px;border:1px solid var(--cl-warm-100);border-radius:12px;transition:box-shadow .3s,transform .3s}.cl-eco-card:hover{box-shadow:0 8px 32px #0000000f;transform:translateY(-3px)}.cl-eco-card h4{font-size:16px;font-weight:700;margin-bottom:6px}.cl-eco-card p{font-size:14px;color:var(--cl-warm-600)}.cl-solutions{padding:100px 40px;background:var(--cl-cream)}.cl-solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:48px}.cl-solution-card{padding:40px 32px;border-radius:12px;background:var(--cl-white);border:1px solid var(--cl-warm-100);overflow:hidden;transition:box-shadow .3s,transform .3s;position:relative}.cl-solution-card:hover{box-shadow:0 8px 32px #0000000f;transform:translateY(-3px)}.cl-solution-card:hover:after{opacity:1}.cl-solution-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cl-gold);opacity:0;transition:opacity .3s}.cl-solution-card h3{font-size:19px;font-weight:700;margin-bottom:8px}.cl-solution-card p{font-size:14.5px;color:var(--cl-warm-600);line-height:1.65}.cl-badge{display:inline-block;margin-top:14px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:3px}.cl-badge-live{background:#228b2214;color:#1a7a1a}.cl-badge-soon{background:var(--cl-gold-glow);color:var(--cl-gold-dark)}.cl-store-preview{padding:100px 40px;background:var(--cl-black);color:var(--cl-white);text-align:center}.cl-store-preview .cl-heading em{color:var(--cl-gold)}.cl-store-preview p{font-size:17px;color:var(--cl-warm-400);max-width:600px;margin:0 auto}.cl-store-tags{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:40px auto 48px}.cl-store-tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:14px 28px;border-radius:8px;font-size:14.5px;font-weight:500;color:var(--cl-warm-200)}.cl-cta{padding:100px 40px;background:var(--cl-cream);text-align:center}@media(max-width:768px){.cl-hero{padding:110px 24px 60px}.cl-hero-logo{max-height:180px}.cl-mission,.cl-how-it-works,.cl-ecosystem,.cl-solutions,.cl-store-preview,.cl-cta{padding:64px 20px}.cl-journey-grid{grid-template-columns:1fr}.cl-store-tags{flex-direction:column;align-items:center}}@keyframes clFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cl-hero-inner>*{animation:clFadeUp .65s ease-out both}.cl-hero-inner>*:nth-child(1){animation-delay:.1s}.cl-hero-inner>*:nth-child(2){animation-delay:.25s}.cl-hero-inner>*:nth-child(3){animation-delay:.4s}.cl-hero-inner>*:nth-child(4){animation-delay:.55s}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-landing.css.map */