:root{--color-bg: #ffffff;--color-text: #000000;--color-accent: #ff5e5e;--color-line: #e0e0e0;--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--spacing-unit: 1rem;--spacing-xs: 1rem;--spacing-sm: 2rem;--spacing-md: 4rem;--spacing-lg: 8rem;--spacing-xl: 12rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1;letter-spacing:-.03em}.hero-title{font-size:12vw;text-transform:uppercase;font-weight:500;line-height:.9}.section-heading{font-size:4rem;font-weight:300}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm);display:block;color:#666}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 5%;position:fixed;top:0;left:0;width:100%;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);color:var(--color-text)}.logo img{height:40px;width:auto}.nav-links a{margin-left:var(--spacing-md);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 5%;border-bottom:1px solid var(--color-line)}.hero-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--spacing-md)}.hero-subtitle{font-size:1.2rem;max-width:300px}.btn-text{background:none;border:none;font-size:1.2rem;cursor:pointer;border-bottom:1px solid currentColor;padding-bottom:5px;transition:padding .3s}.btn-text:hover{padding-bottom:10px}.footer-left{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.scroll-indicator{display:flex;flex-direction:row;align-items:center;gap:10px;opacity:1;cursor:pointer}.scroll-indicator span{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#999}.scroll-arrow{animation:bounce 2s infinite;color:var(--color-text)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.section{padding:var(--spacing-xl) 5%;border-bottom:1px solid var(--color-line)}.section-header{margin-bottom:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-item{padding-top:var(--spacing-sm);border-top:1px solid var(--color-text)}.grid-item h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.grid-item p{font-size:1rem;color:#555}.moods-section{padding:var(--spacing-xl) 5% 0 5%;border-bottom:1px solid var(--color-line)}.mood-interface{height:80vh;display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl);align-items:center;padding:0;overflow:hidden}.mood-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.mood-btn{background:none;border:none;font-size:4rem;font-family:var(--font-heading);cursor:pointer;opacity:.1;transition:opacity .5s,transform .5s;text-align:left;color:var(--color-text);line-height:1}.mood-btn.active{opacity:1;transform:translate(50px)}.mood-display{font-size:3.5rem;line-height:1.1;font-weight:300;opacity:1;transform:translateY(0);padding-left:var(--spacing-md);border-left:1px solid var(--color-line)}.clean-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clean-list li{font-size:2rem;border-bottom:1px solid var(--color-line);padding-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:background-color .3s}.privacy-header{display:flex;justify-content:space-between;width:100%;align-items:center}.privacy-content{height:0;overflow:hidden;opacity:0;transition:all .5s ease;font-size:1.2rem;color:#666;max-width:80%}.clean-list li.active .privacy-content{height:auto;opacity:1;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.toggle-icon{font-weight:300;transition:transform .3s ease}.clean-list li.active .toggle-icon{transform:rotate(45deg)}.footer{padding:var(--spacing-md) 5%}.footer-content{display:flex;justify-content:space-between}.footer-col{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-label{font-weight:600;text-transform:uppercase;font-size:.8rem}@media(max-width:768px){.hero-title{font-size:18vw}.hero-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.grid-3,.mood-interface{grid-template-columns:1fr}.section-heading{font-size:3rem}}
