:root{--sl-gold: #d9a84e;--sl-orange: #c1533b;--sl-cream: #eae3d2;--sl-dark: #1a1a1a;--sl-green: #6c7e46;--sl-brown: #4a3728;--sl-red: #a33b2a;--sl-radius-main: 24px;--sl-radius-pill: 100px;--sl-transition: all .5s cubic-bezier(.2, 1, .3, 1)}.theme-dark{--sl-bg: #000;--sl-surface: #111;--sl-surface-muted: #1a1a1a;--sl-accent: var(--sl-gold);--sl-accent-dim: rgba(217, 168, 78, .1);--sl-accent-contrast: #000;--sl-text: #fff;--sl-text-muted: #888;--sl-border: rgba(255, 255, 255, .1);--sl-shadow: 0 20px 50px rgba(0, 0, 0, .8);--sl-bubble-bg: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);--sl-map-fill: rgba(255, 255, 255, .05)}.theme-light{--sl-bg: var(--sl-cream);--sl-surface: #fff;--sl-surface-muted: #f5f2e9;--sl-accent: var(--sl-orange);--sl-accent-dim: rgba(193, 83, 59, .1);--sl-accent-contrast: #fff;--sl-text: var(--sl-dark);--sl-text-muted: var(--sl-brown);--sl-border: rgba(74, 55, 40, .1);--sl-shadow: 0 20px 50px rgba(74, 55, 40, .08);--sl-bubble-bg: var(--sl-gold);--sl-map-fill: rgba(74, 55, 40, .05)}.sl-landing{background-color:var(--sl-bg);color:var(--sl-text);line-height:1.5;position:relative;overflow-x:hidden}.sl-container{max-width:80rem;margin:0 auto;padding:0 2rem}.sl-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.sl-label{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.25em;color:var(--sl-accent);margin-bottom:1.5rem;display:block}.sl-section-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:.85;letter-spacing:-.06em;text-transform:uppercase;margin-bottom:2.5rem}.sl-text-accent{color:var(--sl-accent)}.sl-text{font-size:1.125rem;color:var(--sl-text-muted);max-width:40rem;font-weight:500}.sl-hero{padding:12rem 0 10rem;text-align:center;position:relative}.sl-hero-title{font-size:clamp(4rem,18vw,12rem);margin-bottom:1rem}.sl-hero-title-accent{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--sl-accent);font-style:italic}.sl-hero-subtitle{margin:0 auto 6rem;font-weight:600;font-size:1.25rem;opacity:.8}.sl-hero-icon-container{position:relative;width:12rem;height:12rem;margin:0 auto 5rem}.sl-hero-icon{width:100%;height:100%;border-radius:32px;z-index:2;position:relative;box-shadow:var(--sl-shadow)}.sl-bubble-decoration{position:absolute;background:var(--sl-bubble-bg);border-radius:50%;border:1px solid var(--sl-accent);opacity:.6;z-index:0}.sl-bubble-1{width:10rem;height:10rem;bottom:-3rem;right:-3rem}.sl-bubble-2{width:6rem;height:6rem;top:-2rem;left:-2rem}.sl-hero-actions{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.sl-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem}.sl-btn{padding:1.25rem 3rem;border-radius:var(--sl-radius-pill);font-size:.875rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;display:flex;align-items:center;gap:.875rem;transition:var(--sl-transition)}.sl-btn-primary{background:var(--sl-accent);color:var(--sl-accent-contrast)}.sl-btn-secondary{background:var(--sl-surface);color:var(--sl-text);border:1px solid var(--sl-border)}.sl-btn-wrapper.disabled{opacity:.4;pointer-events:none}.sl-btn-status{font-size:.5rem;font-weight:900;opacity:.8;letter-spacing:.2em;text-transform:uppercase;color:var(--sl-accent)}.sl-btn-icon{width:1.75rem;height:1.75rem}.sl-phone-mockup{position:relative;background:#000;border:8px solid #222;border-radius:40px;padding:.5rem;overflow:hidden;box-shadow:var(--sl-shadow);max-width:300px;margin:0 auto}.sl-screenshot{width:100%;display:block;border-radius:32px}.sl-philosophy{padding:12rem 0;background:var(--sl-surface)}.sl-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.sl-philosophy-title{font-size:clamp(3rem,10vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;margin-bottom:2rem}.sl-philosophy-text{font-size:1.375rem;color:var(--sl-text);margin-bottom:3rem;line-height:1.4;font-weight:600}.sl-philosophy-stats{display:flex;gap:4rem}.sl-stat{display:flex;flex-direction:column}.sl-stat-num{font-size:3rem;font-weight:900;color:var(--sl-accent);line-height:1}.sl-stat-label{font-size:.75rem;font-weight:800;text-transform:uppercase;opacity:.6;margin-top:.5rem}.sl-benefits{padding:12rem 0}.sl-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.sl-benefit-card{background:var(--sl-surface);padding:4rem 3rem;border-radius:var(--sl-radius-main);border:1px solid var(--sl-border);transition:var(--sl-transition)}.sl-benefit-card:hover{transform:translateY(-10px);border-color:var(--sl-accent);box-shadow:var(--sl-shadow)}.sl-benefit-icon-wrap{width:4rem;height:4rem;color:var(--sl-accent);margin-bottom:3rem;background:var(--sl-bg);padding:1rem;border-radius:20px;border:1px solid var(--sl-border)}.sl-benefit-icon{width:100%;height:100%}.sl-benefit-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1.25rem;line-height:1.1}.sl-benefit-text{font-size:1rem;color:var(--sl-text-muted);line-height:1.6}.sl-hierarchy{padding:12rem 0;background:var(--sl-surface-muted)}.sl-hierarchy-layout{display:grid;grid-template-columns:1fr 340px;gap:6rem;align-items:start;margin-top:4rem}.sl-hierarchy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.sl-hierarchy-card{background:var(--sl-surface);border-radius:var(--sl-radius-main);padding:3rem 2.5rem;position:relative;overflow:hidden;min-height:18rem;display:flex;flex-direction:column;border:1px solid var(--sl-border)}.sl-hierarchy-card[data-sauce=bechamel] .sl-hierarchy-card-bg-bubble{background:#fff}.sl-hierarchy-card[data-sauce=veloute] .sl-hierarchy-card-bg-bubble{background:var(--sl-cream)}.sl-hierarchy-card[data-sauce=espagnole] .sl-hierarchy-card-bg-bubble{background:var(--sl-brown)}.sl-hierarchy-card[data-sauce=tomate] .sl-hierarchy-card-bg-bubble{background:var(--sl-orange)}.sl-hierarchy-card[data-sauce=hollandaise] .sl-hierarchy-card-bg-bubble{background:var(--sl-gold)}.sl-hierarchy-card-bg-bubble{position:absolute;width:18rem;height:18rem;border-radius:50%;border:1px solid var(--sl-accent);bottom:-7rem;right:-7rem;opacity:.08;transition:var(--sl-transition)}.sl-hierarchy-card:hover .sl-hierarchy-card-bg-bubble{transform:scale(1.15);opacity:.2}.sl-hierarchy-name{font-size:2.25rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem;position:relative;z-index:1;line-height:.9}.sl-hierarchy-base{font-size:.625rem;font-weight:900;color:var(--sl-accent);text-transform:uppercase;margin-bottom:2.5rem;position:relative;z-index:1;letter-spacing:.15em}.sl-hierarchy-derivatives{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;position:relative;z-index:1}.sl-derivative-tag{background:var(--sl-bg);padding:.6rem .9rem;border-radius:12px;font-size:.625rem;font-weight:900;text-transform:uppercase;border:1px solid var(--sl-border)}.sl-chemistry{padding:12rem 0}.sl-chemistry-inner{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.sl-chemistry-items{display:grid;grid-template-columns:1fr 1fr;gap:4rem 3rem;margin-top:5rem}.sl-chemistry-item-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1rem;color:var(--sl-text)}.sl-chemistry-item-text{font-size:1rem;color:var(--sl-text-muted);line-height:1.6}.sl-chemistry-visual{position:relative}.sl-sauce-blob-container{position:absolute;inset:-100px;pointer-events:none;z-index:-1}.sl-sauce-blob{position:absolute;border-radius:50%;background:var(--sl-accent);filter:blur(100px);opacity:.2;animation:sl-float 10s infinite alternate}.sl-blob-main{width:80%;height:80%;top:10%;left:10%}@keyframes sl-float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,50px) scale(1.15)}}.sl-atlas{padding:12rem 0;background:var(--sl-surface)}.sl-atlas-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8rem;align-items:center}.sl-atlas-stack{position:relative}.sl-atlas-map-container{background:var(--sl-bg);border-radius:40px;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid var(--sl-border);box-shadow:var(--sl-shadow);margin-bottom:-100px;width:90%}.sl-atlas-screenshot-wrap{position:relative;z-index:2;width:280px;margin-left:auto}.sl-world-map{position:absolute;inset:0;padding:4rem;color:var(--sl-map-fill)}.sl-atlas-glow{position:absolute;inset:0;background:radial-gradient(circle at center,var(--sl-accent-dim) 0%,transparent 80%)}.sl-marker{position:absolute;width:.875rem;height:.875rem;background:var(--sl-accent);border-radius:50%;box-shadow:0 0 20px var(--sl-accent);animation:sl-ping 2.5s infinite}@keyframes sl-ping{0%{transform:scale(1);box-shadow:0 0 #d9a84e80}70%{transform:scale(1.3);box-shadow:0 0 0 20px #d9a84e00}to{transform:scale(1)}}.sl-fix{padding:12rem 0}.sl-fix-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.sl-fix-steps-column{display:flex;flex-direction:column;gap:3rem;margin-top:4rem}.sl-fix-step-item{display:flex;gap:2rem;opacity:.4;transition:var(--sl-transition)}.sl-fix-step-item.active{opacity:1}.sl-fix-step-num{font-size:4rem;font-weight:900;color:var(--sl-accent);font-style:italic;line-height:1}.sl-fix-step-title{font-size:1.375rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem;color:var(--sl-text)}.sl-fix-step-text{font-size:1rem;color:var(--sl-text-muted);line-height:1.5}.sl-final-cta{padding:12rem 0;text-align:center;background:var(--sl-bg)}.sl-cta-card{background:var(--sl-surface);padding:8rem 4rem;border-radius:48px;border:1px solid var(--sl-border);position:relative;overflow:hidden}.sl-cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,var(--sl-accent-dim) 0%,transparent 70%);pointer-events:none}.sl-cta-title{font-size:clamp(3rem,10vw,6rem);font-weight:900;text-transform:uppercase;margin-bottom:2rem;position:relative;z-index:1}.sl-cta-text{font-size:1.25rem;color:var(--sl-text-muted);max-width:36rem;margin:0 auto 4rem;position:relative;z-index:1;font-weight:600}@media(max-width:1024px){.sl-philosophy-grid,.sl-hierarchy-layout,.sl-chemistry-inner,.sl-atlas-grid,.sl-fix-grid{grid-template-columns:1fr;text-align:center}.sl-philosophy-stats{justify-content:center}.sl-atlas-map-container{width:100%;margin-bottom:2rem}.sl-atlas-screenshot-wrap{margin:0 auto}}
