@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#080b0a;--panel:#111513;--gold:#e7bd50;--gold2:#ffe18a;--green:#1fe45b;--paper:#f4f1e9;--ink:#1b201d;--muted:#aeb5ae;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:#f4f3ed;font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-50px;left:12px;background:var(--gold);color:#111;padding:10px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(8,11,10,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e7bd5044}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-crown{font-size:24px;color:var(--gold);line-height:1}.brand-word{font-weight:800;font-style:italic;letter-spacing:-.055em;font-size:23px;line-height:1;color:#f2d071;text-shadow:0 2px 10px #e7bd5030}.brand-word>span{color:var(--green)}.brand-word small{display:block;font-size:7px;letter-spacing:.34em;font-style:normal;color:#9da59d;margin-top:6px}.header nav{display:flex;align-items:center;gap:24px;font-size:11px;font-weight:700;letter-spacing:.035em;color:#e0e3dc}.header nav>a,.nav-drop>button{transition:color .2s}.header nav>a:hover,.header nav>a.active,.nav-drop>button:hover{color:var(--gold)}.nav-drop{position:relative}.nav-drop>button{background:none;border:0;color:inherit;cursor:pointer;font-size:11px;font-weight:700;padding:12px 0}.drop-menu{display:none;position:absolute;top:38px;left:-15px;min-width:190px;background:#111613;border:1px solid #e7bd5066;padding:8px;box-shadow:0 16px 35px #0009}.nav-drop.open .drop-menu{display:grid}.drop-menu a{font-size:11px;padding:10px 12px}.drop-menu a:hover{background:#202722;color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;padding:0 19px;border:1px solid transparent;font-size:11px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-outline{border-color:var(--green);color:var(--green)}.btn-outline:hover{background:#1fe45b12}.btn-gold{background:linear-gradient(135deg,#ffe58d,#d9a92f);color:#10130f;box-shadow:0 6px 25px #e7bd5020}.btn-gold:hover{background:var(--gold2)}.btn-ghost{border-color:#1fe45b88;background:#080b0ab8}.btn-dark{background:#101613;color:var(--gold);border-color:#2a332d}.menu-toggle{display:none;border:1px solid #e7bd5055;background:#101512;color:var(--gold);font-size:21px;padding:6px 10px}
.hero{min-height:650px;height:min(720px,calc(100vh - 78px));position:relative;display:flex;align-items:center;overflow:hidden;background:#080b0a}.hero-bg{position:absolute;inset:0;background-image:url('../images/hero-ojol333.jpg');background-size:cover;background-position:center 40%;opacity:.86}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,7,.98) 0%,rgba(5,8,7,.93) 31%,rgba(5,8,7,.58) 54%,rgba(5,8,7,.15) 100%),linear-gradient(0deg,#080b0a 0%,transparent 27%,#080b0a22 100%)}.hero-layout{position:relative;display:flex;align-items:center;min-height:590px}.hero-copy{max-width:620px;padding:40px 0 75px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:10px;margin:0 0 18px}.eyebrow i{width:25px;height:1px;background:var(--gold);display:inline-block}.hero-brand{font-size:clamp(38px,5vw,66px);font-weight:800;font-style:italic;letter-spacing:-.06em;line-height:1;margin:0 0 16px;color:#f5d678;text-shadow:0 3px 20px #e7bd5033}.hero-brand span{color:var(--green)}.hero h1{font-size:clamp(32px,4vw,51px);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px;font-weight:700}.hero h1 em,.section h2 em{font-family:var(--serif);font-weight:500;color:var(--gold);font-style:normal}.lead{font-size:13px;line-height:1.95;color:#d1d5ce;max-width:490px;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;font-size:9px;color:#c6cbc4}.hero-points b{color:var(--green);margin-right:4px}.hero-stamp{position:absolute;right:20px;top:95px;width:115px;height:115px;border:1px solid #e7bd50aa;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gold);transform:rotate(7deg);background:#080b0a4d;box-shadow:0 0 40px #e7bd5010}.hero-stamp span{font-size:10px;font-weight:800;letter-spacing:.1em}.hero-stamp b{font-size:12px;line-height:1.15;margin:5px 0}.hero-stamp small{font-size:6px;letter-spacing:.13em}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7bd5066;background:#080b0ad9}.hero-bottom .container{height:42px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#b6bdb4}.hero-bottom a{color:var(--gold)}
.trust-strip{background:#101512;border-bottom:1px solid #e7bd5033}.trust-items{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;gap:18px}.trust-items>div{display:flex;align-items:center;gap:12px;border-right:1px solid #ffffff13;padding-left:16px}.trust-items>div:first-child{padding-left:0}.trust-items>div:last-child{border:0}.trust-icon{color:var(--gold);font-size:22px}.trust-items b,.trust-items small{display:block}.trust-items b{font-size:10px}.trust-items small{font-size:9px;color:#9fa79f;margin-top:3px}
.section{padding:96px 0}.categories{background:#0b0f0d}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.section h2{font-size:clamp(32px,4vw,47px);line-height:1.15;letter-spacing:-.035em;font-weight:600;margin:0}.section-intro{max-width:370px;font-size:12px;color:#aab1a9;line-height:1.9;margin:0 0 4px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-card{position:relative;min-height:295px;overflow:hidden;border:1px solid #e7bd5044;background:#101512;display:flex;align-items:end;isolation:isolate}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.85);transition:transform .5s}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060807 0%,#060807d9 30%,#06080705 100%);z-index:-1}.category-card:hover img{transform:scale(1.06)}.category-card>div{padding:20px 20px 17px;width:100%}.category-card small{font-size:8px;color:var(--gold);letter-spacing:.15em}.category-card h3{font-size:19px;margin:7px 0 5px;font-weight:700}.category-card p{font-size:10px;color:#b9c0b8;line-height:1.75;max-width:260px;margin:0 0 10px}.arrow{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #1fe45b99;border-radius:50%;color:var(--green)}.category-card:hover .arrow{background:var(--green);color:#071008}
.promo-section{background:#131815}.promo-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.promo-image{position:relative}.promo-image img{width:100%;display:block;aspect-ratio:1.6;object-fit:cover;border:1px solid #e7bd5077}.image-tag{position:absolute;left:15px;bottom:15px;background:#080b0af0;color:var(--gold);font-size:8px;letter-spacing:.14em;padding:10px 13px;border-left:2px solid var(--gold)}.promo-copy>p:not(.eyebrow){font-size:12px;color:#b7bdb5;line-height:1.95;margin:20px 0}.gold-list{list-style:none;padding:0;margin:20px 0 25px}.gold-list li{font-size:11px;color:#d8ddd5;margin:12px 0;padding-left:20px;position:relative}.gold-list li:before{content:"✓";position:absolute;left:0;color:var(--green)}
.guide-section,.about-section{background:var(--paper);color:var(--ink)}.guide-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.dark-eyebrow{color:#92702e}.guide-section h2 em,.about-section h2 em{color:#a17b2d}.muted{font-size:12px;color:#666d66;line-height:1.95;margin:20px 0 25px;max-width:440px}.guide-steps{border-top:1px solid #d6d0c5}.guide-steps article{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:19px 0;border-bottom:1px solid #d6d0c5}.guide-steps article>b{font:24px var(--serif);color:#9a762f}.guide-steps h3{font-size:14px;margin:0 0 6px}.guide-steps p{font-size:11px;line-height:1.85;color:#686e67;margin:0}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.about-visual{position:relative}.about-visual img{width:100%;height:380px;object-fit:cover;filter:saturate(.78)}.about-badge{position:absolute;bottom:18px;left:18px;background:#080b0af0;padding:14px 18px;border-left:2px solid var(--gold);display:grid;gap:4px}.about-badge b{color:var(--gold);font-size:13px}.about-badge span{font-size:8px;letter-spacing:.14em;color:#c5ccc4}.about-section .about-grid>div:last-child>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#626a62;margin:18px 0}.stats{display:flex;gap:32px;border-top:1px solid #d6d0c5;padding-top:22px;margin-top:25px}.stats div{display:grid;gap:5px}.stats b{font:25px var(--serif);color:#9a762f}.stats span{font-size:9px;color:#687068}
.faq-section{background:#0b0f0d}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.faq-grid .muted{color:#aab1a9}.faq-list details{border-bottom:1px solid #333a34;padding:19px 0}.faq-list details:first-child{border-top:1px solid #333a34}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--gold);font-size:20px;font-weight:400;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;color:#afb7ae;line-height:1.9;margin:13px 25px 0 0}
.contact-section{background:#141a16}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-section .muted{color:#b0b7ae}.support-card{display:flex;gap:13px;align-items:center;margin-top:25px}.support-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e7bd5066;color:var(--gold)}.support-card b,.support-card small{display:block}.support-card b{font-size:11px}.support-card small{font-size:9px;color:#a9b1a8;margin-top:4px}
form{background:#0b0f0d;border:1px solid #ffffff0e;padding:27px}form label{display:block;font-size:10px;font-weight:700;color:#e1e5dd;margin:0 0 7px}form input,form select,form textarea{display:block;width:100%;background:#151b17;border:1px solid #333d35;color:#f4f3ed;padding:12px 13px;font-size:12px;margin:0 0 16px;outline:none;border-radius:0}form input:focus,form select:focus,form textarea:focus{border-color:var(--gold)}form input::placeholder,form textarea::placeholder{color:#7f897f}form select option{background:#151b17}form textarea{resize:vertical}.full{width:100%}#form-status{font-size:11px;color:var(--gold);margin:10px 0 0}.form-note{display:block;color:#929b91;font-size:9px;margin-top:10px}
footer{background:#070908;border-top:1px solid #e7bd5033}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;border-bottom:1px solid #ffffff12}.footer-top>p{font-size:10px;color:#a1aaa0}.top-link{font-size:10px;color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font-size:9px;color:#899388}.footer-bottom div{display:flex;gap:20px}.footer-bottom a:hover{color:var(--gold)}.disclaimer{text-align:right;max-width:250px}
@media(max-width:980px){.header nav{gap:14px}.header-action{display:none}.hero-stamp{right:0}.promo-grid,.guide-grid,.about-grid,.faq-grid,.contact-grid{gap:45px}.category-card{min-height:270px}.category-card>div{padding:16px}}
@media(max-width:740px){.container{width:calc(100% - 36px)}.nav-wrap{height:70px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#080b0a;border-bottom:1px solid #e7bd5055;padding:12px 22px 20px;align-items:stretch;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav>a,.nav-drop>button{padding:12px 0;text-align:left}.drop-menu{position:static;box-shadow:none;margin-bottom:8px}.hero{height:auto;min-height:670px}.hero-bg{background-position:60% center}.hero-vignette{background:linear-gradient(90deg,#050807f5,#050807b5 65%,#0508074d),linear-gradient(0deg,#080b0a 0%,transparent 25%)}.hero-layout{min-height:650px}.hero-copy{padding:35px 0 85px;max-width:520px}.hero-brand{font-size:50px}.hero h1{font-size:clamp(31px,8vw,43px)}.lead{font-size:12px}.hero-stamp{width:80px;height:80px;right:0;top:28px;opacity:.8}.hero-stamp span{font-size:7px}.hero-stamp b{font-size:9px}.hero-stamp small{font-size:5px}.hero-points{gap:10px;font-size:8px}.hero-bottom .container{font-size:7px;letter-spacing:.06em}.trust-items{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.trust-items>div{padding-left:0;border-right:0}.section{padding:70px 0}.section-heading{display:block}.section-intro{margin-top:18px}.section h2{font-size:36px}.category-grid{grid-template-columns:1fr 1fr;gap:11px}.category-card{min-height:245px}.category-card h3{font-size:16px}.category-card p{font-size:9px}.promo-grid,.guide-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.promo-image img{aspect-ratio:1.5}.guide-grid{gap:25px}.about-visual img{height:300px}.stats{justify-content:space-between;gap:12px}.stats span{font-size:8px}.contact-grid{gap:22px}form{padding:20px}.footer-top{flex-wrap:wrap}.footer-top>p{order:3;width:100%;margin:0}.footer-bottom{flex-wrap:wrap;align-items:flex-start}.footer-bottom div{order:2}.disclaimer{width:100%;text-align:left;max-width:none;order:3}}
@media(max-width:420px){.category-grid{grid-template-columns:1fr}.category-card{min-height:270px}.hero-actions .btn{width:100%}.hero-points{display:grid;grid-template-columns:1fr 1fr}.hero-bottom .container span{max-width:130px}.brand-word{font-size:20px}.stats{flex-wrap:wrap}.stats div{min-width:85px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
