:root{--oj-olive:#556B2F;--oj-dark-olive:#2E4600;--oj-gold:#C5A55A;--oj-light-gold:#F5ECD7;--oj-cream:#FDFBF5;--oj-dark:#1C2A00;--oj-text:#3D3D3D;--oj-white:#ffffff}
*{box-sizing:border-box}
.oj-body{font-family:'Source Sans 3',sans-serif;color:var(--oj-text);margin:0;background:var(--oj-cream);overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:'Playfair Display',serif;margin:0 0 12px}
.oj-header{position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(253,251,245,0.96);backdrop-filter:blur(8px);padding:14px 0;border-bottom:1px solid rgba(85,107,47,0.12);transition:box-shadow 0.3s}
.oj-header__inner{display:flex;align-items:center;justify-content:space-between}
.oj-logo{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;color:var(--oj-dark-olive);text-decoration:none}
.oj-nav{display:flex;gap:20px;align-items:center}
.oj-nav a{color:var(--oj-text);text-decoration:none;font-size:0.88rem;font-weight:500;transition:color 0.3s}
.oj-nav a:hover{color:var(--oj-olive)}
.oj-nav__cta{background:var(--oj-olive)!important;color:var(--oj-white)!important;padding:8px 18px;border-radius:24px;font-weight:600!important}
.oj-nav__cta:hover{background:var(--oj-dark-olive)!important}
.oj-burger{display:none;background:none;border:none;font-size:1.5rem;color:var(--oj-olive);cursor:pointer}
.oj-hero{min-height:100vh;display:flex;align-items:center;padding:100px 0 60px;position:relative;overflow:hidden}
.oj-hero__overlay{position:absolute;inset:0;background:url('../media/hero-bg.jpg') center/cover;opacity:0.12;z-index:0}
.oj-hero__grid{position:relative;z-index:2}
.oj-hero__badge{display:inline-block;background:var(--oj-light-gold);color:var(--oj-olive);font-size:0.75rem;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.oj-hero__title{font-size:2.8rem;font-weight:900;color:var(--oj-dark-olive);line-height:1.12;margin-bottom:18px}
.oj-hero__desc{font-size:1.05rem;color:var(--oj-text);line-height:1.75;margin-bottom:26px;max-width:520px}
.oj-hero__btn{display:inline-block;background:var(--oj-olive);color:var(--oj-white);padding:15px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:all 0.3s;box-shadow:0 6px 20px rgba(85,107,47,0.25)}
.oj-hero__btn:hover{background:var(--oj-dark-olive);transform:translateY(-2px);box-shadow:0 10px 30px rgba(85,107,47,0.35)}
.oj-hero__trust{margin-top:18px;display:flex;gap:20px;flex-wrap:wrap}
.oj-hero__trust span{font-size:0.82rem;color:var(--oj-olive);font-weight:500}
.oj-hero__product{max-height:480px;border-radius:16px;box-shadow:0 24px 60px rgba(85,107,47,0.18);animation:ojFloat 4.5s ease-in-out infinite}
@keyframes ojFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.oj-stats{padding:50px 0;background:var(--oj-dark-olive)}
.oj-stat{text-align:center;padding:20px}
.oj-stat__num{display:block;font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:900;color:var(--oj-gold)}
.oj-stat__label{font-size:0.85rem;color:rgba(255,255,255,0.8);margin-top:6px}
.oj-benefits{padding:80px 0;background:var(--oj-white)}
.oj-section-title{font-size:2rem;color:var(--oj-dark-olive);text-align:center;margin-bottom:8px}
.oj-section-title--left{text-align:left}
.oj-section-title--white{color:var(--oj-white)}
.oj-section-sub{text-align:center;color:var(--oj-text);font-size:0.95rem;margin-bottom:40px}
.oj-card{background:var(--oj-cream);border:1px solid rgba(85,107,47,0.1);padding:30px;border-radius:12px;height:100%;transition:all 0.3s;margin-bottom:20px}
.oj-card:hover{border-color:var(--oj-olive);box-shadow:0 8px 30px rgba(85,107,47,0.08);transform:translateY(-4px)}
.oj-card__icon{font-size:2.2rem;margin-bottom:14px}
.oj-card__title{font-size:1.1rem;color:var(--oj-dark-olive);margin-bottom:10px}
.oj-card__text{font-size:0.88rem;color:var(--oj-text);line-height:1.65}
.oj-science{padding:80px 0;background:var(--oj-cream)}
.oj-ingredients{margin-top:20px}
.oj-ingr-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(85,107,47,0.12)}
.oj-ingr-name{font-size:0.92rem;color:var(--oj-text);font-weight:500}
.oj-ingr-dose{font-size:0.92rem;color:var(--oj-olive);font-weight:700}
.oj-science-box{background:var(--oj-dark-olive);color:var(--oj-white);padding:30px;border-radius:12px;margin-top:20px}
.oj-science-box h3{color:var(--oj-gold);font-size:1.2rem;margin-bottom:12px}
.oj-science-box p{font-size:0.9rem;line-height:1.7;color:rgba(255,255,255,0.85)}
.oj-science-box__source{font-size:0.78rem;color:var(--oj-gold);font-style:italic;margin-top:10px}
.oj-reviews{padding:80px 0;background:var(--oj-white)}
.oj-review{background:var(--oj-cream);border:1px solid rgba(85,107,47,0.08);padding:26px;border-radius:12px;height:100%;margin-bottom:20px}
.oj-review__stars{color:var(--oj-gold);font-size:1.2rem;margin-bottom:12px}
.oj-review__text{font-size:0.9rem;font-style:italic;color:var(--oj-text);line-height:1.65;margin-bottom:14px}
.oj-review__author{font-size:0.8rem;font-weight:700;color:var(--oj-dark-olive)}
.oj-order{padding:80px 0;background:linear-gradient(135deg,var(--oj-dark-olive) 0%,var(--oj-olive) 100%)}
.oj-pricing{margin:16px 0}
.oj-pricing__old{font-size:1.1rem;color:rgba(255,255,255,0.5);text-decoration:line-through}
.oj-pricing__new{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:900;color:var(--oj-gold);margin-left:12px}
.oj-pricing__save{color:rgba(255,255,255,0.7);font-size:0.85rem;margin-bottom:20px}
.oj-perks{list-style:none;padding:0;margin:0}
.oj-perks li{padding:8px 0;color:rgba(255,255,255,0.85);font-size:0.9rem;padding-left:22px;position:relative}
.oj-perks li::before{content:"✓";position:absolute;left:0;color:var(--oj-gold);font-weight:700}
.oj-form{background:var(--oj-white);padding:32px;border-radius:14px;box-shadow:0 16px 50px rgba(0,0,0,0.2)}
.oj-form__title{font-size:1.3rem;color:var(--oj-dark-olive);margin-bottom:18px;text-align:center}
.oj-input{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:0.95rem;font-family:'Source Sans 3',sans-serif;margin-bottom:12px;transition:border-color 0.3s}
.oj-input:focus{border-color:var(--oj-olive);outline:none;box-shadow:0 0 0 3px rgba(85,107,47,0.1)}
.oj-submit{width:100%;padding:14px;background:var(--oj-olive);color:var(--oj-white);border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all 0.3s;font-family:'Source Sans 3',sans-serif}
.oj-submit:hover{background:var(--oj-dark-olive);transform:translateY(-1px)}
.oj-form__note{text-align:center;font-size:0.75rem;color:#888;margin-top:10px}
.oj-footer{background:var(--oj-dark);padding:50px 0 20px}
.oj-footer__heading{color:var(--oj-gold);font-size:1rem;margin-bottom:12px}
.oj-footer p{font-size:0.83rem;color:rgba(255,255,255,0.6);line-height:1.7}
.oj-footer a{color:var(--oj-gold);text-decoration:none}
.oj-footer a:hover{text-decoration:underline}
.oj-footer__links{list-style:none;padding:0;margin:0}
.oj-footer__links li{margin-bottom:8px}
.oj-footer__links a{color:rgba(255,255,255,0.6);font-size:0.83rem}
.oj-footer__links a:hover{color:var(--oj-gold)}
.oj-footer__copy{border-top:1px solid rgba(255,255,255,0.08);padding-top:18px;margin-top:30px;text-align:center}
.oj-footer__copy p{font-size:0.75rem;color:rgba(255,255,255,0.4)}
@media(max-width:768px){.oj-hero__title{font-size:2rem}.oj-hero__product{max-height:300px;margin-top:30px}.oj-nav{display:none}.oj-burger{display:block}.oj-stat__num{font-size:2rem}.oj-section-title{font-size:1.6rem}}
@media(max-width:480px){.oj-hero__title{font-size:1.7rem}.oj-hero__trust{flex-direction:column;gap:6px}}