.app{position:relative}.header{position:sticky;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0% 0%,rgba(148,163,184,.12),transparent 55%),radial-gradient(circle at 100% 0%,#0f172aeb,#0f172afa);border-bottom:1px solid rgba(31,41,55,.8)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:#f9fafb;text-decoration:none}.logo span{color:var(--primary-yellow)}.burger-menu{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0}.burger-line{width:100%;height:3px;background:#f9fafbd1;border-radius:999px;transition:all .25s ease}.nav-menu{position:fixed;top:64px;left:0;right:0;background:radial-gradient(circle at 0% 0%,#0f172afa,#0f172afa);transform:translate(-100%);transition:transform .28s ease;border-bottom:1px solid rgba(31,41,55,.9)}.nav-menu.active{transform:translate(0)}.nav-list{list-style:none;padding:1.5rem 1.25rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}.nav-item{margin:0}.nav-link{color:#e5e7eb;text-decoration:none;font-size:.98rem;font-weight:500;padding:.6rem .85rem;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-link:hover{background:#1f2937d9;color:#f9fafb;transform:translateY(-1px)}@media(min-width:900px){.burger-menu{display:none}.nav-menu{position:static;transform:none;background:transparent;border-bottom:none}.nav-list{flex-direction:row;justify-content:flex-end;align-items:center;padding:0;gap:.3rem}.nav-link{font-size:.9rem;color:#cbd5f5}.nav-link--primary{background:radial-gradient(circle at 0% 0%,#facc1529,#0f172af2);border:1px solid rgba(250,204,21,.65)}.nav-link--primary:hover{background:radial-gradient(circle at 0% 0%,#facc1552,#0f172af2)}}.hero{padding:96px 0 40px;position:relative}.hero-shell{padding:2.35rem 2.4rem;margin-top:.6rem}.hero-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.6fr);gap:3rem;align-items:center}.hero-text{animation:fadeInLeft .8s ease}.hero-topline{margin-bottom:1.4rem}.hero-title{font-size:2.9rem;font-weight:750;letter-spacing:-.04em;color:#f9fafb;margin-bottom:1rem;line-height:1.1}.hero-highlight{color:var(--primary-yellow)}.hero-description{font-size:1.02rem;color:#9ca3af;margin-bottom:1.8rem;line-height:1.7}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.6rem}.hero-metrics{display:flex;flex-wrap:wrap;gap:1.5rem}.hero-metric{display:flex;flex-direction:column;gap:.15rem}.hero-metric-value{font-size:1.2rem;font-weight:650;color:#e5e7eb}.hero-metric-label{font-size:.8rem;color:#9ca3af}.hero-image{position:relative;animation:fadeInRight .8s ease}.hero-img{width:100%;max-height:380px;border-radius:1.4rem;object-fit:cover;box-shadow:0 28px 70px #0f172ae6}.how-it-works{padding-top:32px}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.how-card{padding:1.6rem 1.5rem 1.8rem;display:flex;flex-direction:column;gap:.75rem}.how-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.how-step-index{font-size:.75rem;color:#9ca3af}.how-badge{font-size:.75rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);color:#e5e7eb;background:#0f172acc}.how-title{font-size:1.05rem;font-weight:600;color:#f9fafb}.how-description{font-size:.92rem;color:#9ca3af}.about{padding-top:40px}.about-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.6fr);gap:3rem;align-items:center;margin-bottom:3.2rem}.about-text{animation:fadeInLeft .8s ease}.about-title{font-size:2.1rem;font-weight:700;color:#f9fafb;margin-bottom:1rem}.about-description{font-size:.98rem;color:#9ca3af;margin-bottom:1.5rem}.about-image{animation:fadeInRight .8s ease}.about-img{width:100%;max-height:320px;object-fit:cover;border-radius:1.4rem;box-shadow:0 26px 65px #0f172ae6}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem;margin-top:2.2rem}.feature-card{background:radial-gradient(circle at 0% 0%,#facc151f,#0f172af2);border-radius:1.2rem;padding:1.4rem 1.3rem 1.6rem;border:1px solid rgba(55,65,81,.85);text-align:left;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172ad9;border-color:#facc15b3}.feature-icon{font-size:1.9rem;margin-bottom:.7rem}.feature-title{font-size:1.02rem;font-weight:600;color:#f9fafb;margin-bottom:.3rem}.feature-description{font-size:.9rem;color:#9ca3af}.featured-products{padding-top:40px}.featured-visual{margin-top:1.2rem}.featured-img{width:100%;max-height:360px;border-radius:1.4rem;object-fit:cover;box-shadow:0 26px 60px #0f172ae6}.products-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;margin-top:2.4rem}.product-card{border-radius:1.3rem;border:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at 0% 0%,#0f172ae6,#0f172afa);overflow:hidden;box-shadow:0 18px 44px #0f172af2;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px #0f172a;border-color:#facc1599}.product-image{width:100%;height:180px;background:radial-gradient(circle at 0% 0%,#facc1526,#0f172a);display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#e5e7eb;border-bottom:1px solid rgba(55,65,81,.9)}.product-info{padding:1.35rem 1.3rem 1.4rem}.product-name{font-size:1.02rem;font-weight:600;color:#f9fafb;margin-bottom:.3rem}.product-price{font-size:1.35rem;font-weight:700;color:var(--primary-yellow);margin-bottom:.65rem}.product-description{font-size:.9rem;color:#9ca3af;margin-bottom:.8rem}.product-rating{display:flex;align-items:center;gap:.45rem}.stars{color:var(--primary-yellow)}.price-alerts{padding-top:40px}.alerts-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.6fr);gap:2.4rem;padding:1.9rem 1.9rem 2rem;margin-top:.6rem}.alerts-main{display:flex;flex-direction:column;gap:1.1rem}.alerts-title{font-size:1.45rem;font-weight:650;color:#f9fafb}.alerts-text{font-size:.96rem;color:#9ca3af}.alerts-metrics{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.alerts-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.alerts-side{padding:1.6rem 1.5rem 1.7rem;display:flex;flex-direction:column;gap:1.4rem}.alerts-ticker{display:flex;flex-wrap:wrap;gap:.5rem}.alerts-chip{font-size:.78rem;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(55,65,81,.85);color:#e5e7eb;background:#0f172afa}.alerts-mini-list{display:flex;flex-direction:column;gap:.8rem}.alerts-mini-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem .1rem;border-bottom:1px dashed rgba(55,65,81,.9)}.mini-product-name{font-size:.9rem;color:#f9fafb}.mini-product-meta{font-size:.78rem;color:#9ca3af}.mini-pill{font-size:.78rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(55,65,81,.9);color:#e5e7eb}.mini-pill--green{border-color:#22c55eb3;color:#bbf7d0}.mini-pill--yellow{border-color:#facc15b3;color:#fef9c3}.alerts-mini-footnote{font-size:.78rem;color:#9ca3af;margin-top:.3rem}.sustainability{padding-top:40px}.sustainability-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.6fr);gap:3rem;align-items:center}.sustainability-image{animation:fadeInLeft .8s ease}.sustainability-img{width:100%;max-height:340px;border-radius:1.4rem;object-fit:cover;box-shadow:0 26px 65px #0f172af2}.sustainability-text{animation:fadeInRight .8s ease}.sustainability-title{font-size:2.1rem;font-weight:700;color:#f9fafb;margin-bottom:1rem}.sustainability-description{font-size:.98rem;color:#9ca3af;margin-bottom:1.5rem}.rating-system{background:radial-gradient(circle at 0% 0%,#facc152e,#0f172afa);padding:1.4rem 1.3rem 1.5rem;border-radius:1.2rem;border:1px solid rgba(55,65,81,.9)}.rating-title{font-size:1.1rem;font-weight:600;color:#f9fafb;margin-bottom:.7rem}.rating-items{display:flex;flex-direction:column;gap:.8rem}.rating-item{display:flex;justify-content:space-between;align-items:center;padding:.7rem .8rem;border-radius:.9rem;background:#0f172af2;border:1px solid rgba(55,65,81,.9)}.rating-label{font-size:.9rem;color:#e5e7eb}.rating-badge{padding:.35rem .8rem;border-radius:999px;font-size:.78rem;font-weight:600}.rating-high{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.rating-medium{background:linear-gradient(135deg,#facc15,#eab308);color:#111827}.rating-low{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.faq{padding-top:40px}.faq-items{max-width:800px;margin:0 auto}.faq-item{border-radius:1.2rem;border:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at 0% 0%,#0f172afa,#0f172a);padding:1.5rem 1.4rem 1.6rem;margin-bottom:1.15rem;box-shadow:0 18px 44px #0f172afa}.faq-question{font-size:1.02rem;font-weight:600;color:#f9fafb;margin-bottom:.5rem}.faq-answer{font-size:.9rem;color:#9ca3af}.contact{padding-top:40px}.contact-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);gap:2.8rem}.contact-info{animation:fadeInLeft .8s ease}.contact-title{font-size:2.1rem;font-weight:700;color:#f9fafb;margin-bottom:1rem}.contact-item{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.5rem}.contact-icon{font-size:1.4rem;color:var(--primary-yellow);margin-top:.15rem}.contact-label{font-weight:600;color:#e5e7eb;margin-bottom:.3rem}.contact-value{font-size:.9rem;color:#9ca3af}.contact-form{background:radial-gradient(circle at 0% 0%,#38bdf824,#0f172afa);padding:1.8rem 1.6rem 1.9rem;border-radius:1.3rem;border:1px solid rgba(37,99,235,.7);box-shadow:0 22px 55px #0f172af2;animation:fadeInRight .8s ease}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-weight:500;color:#e5e7eb;margin-bottom:.35rem;font-size:.86rem}.form-input,.form-textarea{width:100%;padding:.75rem .85rem;border:1px solid rgba(51,65,85,.95);border-radius:.8rem;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit;background:#0f172af5;color:#e5e7eb}.form-input:focus,.form-textarea:focus{outline:none;border-color:#facc15d9;box-shadow:0 0 0 1px #facc15e6;background:#0f172afa}.form-textarea{resize:vertical;min-height:120px}.form-checkbox-group{display:flex;align-items:flex-start;gap:.55rem;margin-bottom:1.2rem}.form-checkbox{margin-top:.2rem}.checkbox-label{font-size:.8rem;color:#9ca3af;line-height:1.4}.checkbox-label a{color:var(--primary-yellow);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:radial-gradient(circle at 0% 0%,#0f172afa,#0f172a);color:#f9fafb;padding:1.3rem 0;transform:translateY(100%);transition:transform .25s ease;z-index:999;border-top:1px solid rgba(31,41,55,.9)}.cookie-banner.show{transform:translateY(0)}.cookie-content{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;flex-wrap:wrap}.cookie-text{flex:1;min-width:260px}.cookie-title{font-weight:600;margin-bottom:.3rem}.cookie-description{font-size:.85rem;line-height:1.5;color:#d1d5db}.cookie-description a{color:var(--primary-yellow);text-decoration:none}.cookie-description a:hover{text-decoration:underline}.cookie-actions{display:flex;gap:.75rem;align-items:center}.cookie-button{background:radial-gradient(circle at 0% 0%,#facc15,#f59e0b);color:#111827;border:none;padding:.6rem 1.4rem;border-radius:999px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease}.cookie-button:hover{background:radial-gradient(circle at 0% 0%,#facc15,#d97706);transform:translateY(-1px)}.footer{padding:3.2rem 0 2.1rem;border-top:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at 0% 0%,#0f172afa,#0f172a)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.4rem;margin-bottom:1.8rem}.footer-section h3{color:var(--primary-yellow);margin-bottom:.7rem;font-size:1.02rem}.footer-section p{color:#9ca3af;line-height:1.6;margin-bottom:.8rem;font-size:.9rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.45rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .18s ease;font-size:.88rem}.footer-links a:hover{color:var(--primary-yellow)}.footer-bottom{border-top:1px solid rgba(31,41,55,.9);padding-top:1.4rem;text-align:center;color:#6b7280;font-size:.82rem}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.hero{padding-top:88px}.hero-shell{padding:1.7rem 1.5rem 1.8rem}.hero-content,.about-content,.sustainability-content,.alerts-layout,.contact-content{grid-template-columns:minmax(0,1fr);gap:2rem}.hero-metrics{gap:1rem}.alerts-layout{padding:1.5rem 1.4rem 1.6rem}.contact-form{order:-1}.cookie-content{flex-direction:column;text-align:center}.cookie-actions{justify-content:center}}@media(max-width:640px){.hero-title{font-size:2.2rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-img{max-height:260px}}:root{--primary-yellow: #ffd54a;--primary-yellow-soft: rgba(255, 213, 74, .18);--warm-yellow: #ffb300;--light-yellow: #fff9e6;--charcoal-gray: #111827;--dark-gray: #020617;--medium-gray: #6b7280;--light-gray: #f3f4f6;--white: #ffffff;--success: #16a34a;--error: #ef4444;--accent-green: #22c55e;--accent-blue: #38bdf8;--accent-pink: #fb7185;--glass-bg: rgba(15, 23, 42, .72);--border-subtle: rgba(148, 163, 184, .35);--shadow-soft: 0 22px 45px rgba(15, 23, 42, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#e5e7eb;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at 100% 0%,rgba(251,113,133,.18),transparent 55%),radial-gradient(circle at 50% 100%,rgba(250,204,21,.18),transparent 55%),linear-gradient(145deg,#020617,#030712 55%,#020617);background-attachment:fixed}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:1180px;margin:0 auto;padding:0 20px}.section{padding:96px 0;position:relative}.section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at top left,rgba(56,189,248,.04),transparent 55%);opacity:.9;pointer-events:none}.section-inner{position:relative;z-index:1}.section-title{font-size:2.6rem;font-weight:750;letter-spacing:-.03em;color:#f9fafb;margin-bottom:.75rem;text-align:center}.section-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;font-weight:600;color:#94a3b8e6;text-align:center;margin-bottom:.75rem}.section-subtitle{font-size:1.02rem;color:#9ca3af;text-align:center;margin-bottom:3.25rem;max-width:640px;margin-left:auto;margin-right:auto}.cta-button{background:radial-gradient(circle at 0% 0%,#facc15,#f59e0b);color:#0f172a;padding:.9rem 1.9rem;border:none;border-radius:999px;font-size:1rem;font-weight:650;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;box-shadow:0 16px 40px #facc156b;position:relative;overflow:hidden}.cta-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.36),transparent 60%);opacity:0;transition:opacity .16s ease}.cta-button:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 24px 55px #eab3088c}.cta-button:hover:after{opacity:1}.scroll-button{background:transparent;border:1px solid rgba(148,163,184,.6);color:#e5e7eb;padding:.8rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:550;cursor:pointer;transition:all .16s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172a80}.scroll-button:hover{border-color:#f9fafbb8;color:#f9fafb;background-color:#0f172ad9;transform:translateY(-1px)}.pill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at 0% 0%,#facc153d,#0f172ae6);color:#e5e7eb;font-size:.8rem;font-weight:500}.pill-dot{width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 30% 0%,#22c55e,#16a34a);box-shadow:0 0 0 6px #22c55e40}.glass-card{border-radius:1.5rem;border:1px solid var(--border-subtle);background:radial-gradient(circle at 0% 0%,rgba(250,204,21,.08),transparent 55%),radial-gradient(circle at 100% 100%,rgba(56,189,248,.1),transparent 65%),var(--glass-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.soft-card{border-radius:1.25rem;border:1px solid rgba(31,41,55,.7);background:radial-gradient(circle at 0% 0%,#0f172acc,#0f172af5)}.metric-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .7rem;border-radius:999px;font-size:.75rem;border:1px solid rgba(55,65,81,.9);background:#0f172ae6;color:#9ca3af}.metric-pill span{font-weight:600;color:#e5e7eb}.floating-orb{position:absolute;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle at 30% 0%,rgba(250,204,21,.55),transparent 60%);opacity:.35;filter:blur(4px);pointer-events:none}.floating-orb--blue{background:radial-gradient(circle at 30% 0%,rgba(56,189,248,.5),transparent 60%)}.floating-orb--pink{background:radial-gradient(circle at 30% 0%,rgba(244,114,182,.5),transparent 60%)}@media(max-width:768px){.section{padding:72px 0}.section-title{font-size:2.1rem}.container{padding:0 16px}}@media(max-width:480px){.section{padding:52px 0}.section-title{font-size:1.8rem}}