:root{--bg:#0f0f10;--bg-alt:#141416;--card:#1a1a1a;--muted:#c0c0c0;--text:#e9e9ea;--accent:#ff6b35;--accent-2:#ff875c;--border:#27272a;--success:#2ecc71}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 2rem}.section.alt{background:linear-gradient(180deg,#ffffff05,#fff0)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.section-head h2{font-size:2rem;color:var(--text)}.section-head.center{flex-direction:column;text-align:center}.section-head p{color:#bdbdbf}.link-cta{display:inline-flex;gap:.25rem;align-items:center;color:var(--muted);text-decoration:none}.page{background:var(--bg);color:var(--text);position:relative;min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;background:#0f0f10e6;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);z-index:100;border-bottom:1px solid var(--border)}.header .nav{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.brand{display:flex;gap:.5rem;align-items:center;color:var(--text);font-weight:700;background:none;border:0;cursor:pointer}.nav-links{display:flex;gap:1rem;align-items:center}.nav-links .link{color:#d7d7d9;text-decoration:none;padding:.5rem .75rem;border-radius:6px}.nav-links .link.active{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn{display:inline-flex;gap:.5rem;align-items:center;border:0;border-radius:8px;padding:.75rem 1.25rem;min-height:44px;cursor:pointer;text-decoration:none}.btn-accent{background:var(--accent);color:#0b0b0c}.btn-accent:hover{background:var(--accent-2)}.btn-play{background:#111;color:#fff;border:1px solid var(--border)}.btn-play:hover{border-color:#333}.btn-play.large{padding:1rem 1.5rem;font-weight:700}.actions{display:flex;gap:.75rem;align-items:center}.search{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem}.search.inline{padding:.5rem .75rem}.search input{background:transparent;border:0;outline:0;color:var(--text);min-width:160px}.menu{display:none;background:var(--card);border:1px solid var(--border);padding:.5rem;border-radius:8px;color:#fff}.nav-links.open{display:flex;flex-direction:column;position:absolute;right:1rem;top:62px;background:var(--bg-alt);padding:1rem;border:1px solid var(--border);border-radius:12px;z-index:200}.footer{margin-top:auto;background:#0d0d0e;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:3rem 1rem}.footer-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.footer .list{list-style:none;display:grid;gap:.5rem}.footer .list li{display:flex;gap:.5rem;align-items:center;color:#c9c9cb}.footer h4{color:#fff;margin-bottom:.75rem}.mini-stats{display:flex;gap:1rem;margin-top:.75rem}.mini-stats div{display:flex;gap:.35rem;align-items:center;background:var(--card);padding:.35rem .5rem;border:1px solid var(--border);border-radius:8px}.credits{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:1rem 0}.credits a{color:#c9c9cb;text-decoration:none;margin-left:1rem}.icon-inline{display:inline-flex;vertical-align:middle;margin-right:.35rem}.hero{position:relative;min-height:520px;background-size:cover;background-position:center;border-bottom:1px solid var(--border)}.hero.sub{min-height:280px}.hero-overlay{position:absolute;inset:0;background:radial-gradient(1200px 600px at 25% 45%,rgba(255,107,53,.25),transparent),linear-gradient(180deg,#0009,#0009)}.hero-content{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:4rem 0}.hero-left h1{font-size:2.5rem;line-height:1.2;margin-bottom:.5rem}.hero-left p{color:#cfcfd2;margin-bottom:1rem;max-width:54ch}.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.hero-highlights{display:flex;gap:1rem;color:#d9d9db}.hero-highlights>div{display:flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid var(--border);padding:.35rem .5rem;border-radius:8px}.hero-right{display:flex;justify-content:center;align-items:center}.hero-right img{width:100%;max-width:420px;border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 60px #0006}.hero-sub{position:relative;z-index:1;padding:3.5rem 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:-2rem;background:#161617b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem;border:1px solid var(--border);border-radius:12px}.stat{display:flex;align-items:center;gap:.75rem;background:var(--card);border:1px solid var(--border);padding:1rem;border-radius:12px}.stat strong{font-size:1.25rem}.grid{display:grid;gap:1.25rem}.grid-cats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-cats.large{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cat-card{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:#0b0b0c}.cat-card img{width:100%;height:180px;object-fit:cover;transition:transform .5s ease}.cat-card.large img{height:220px}.cat-card:hover img{transform:scale(1.05)}.cat-info{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--card)}.card-img{position:relative}.card-img img{width:100%;height:180px;object-fit:cover;display:block}.card-img .zoom{position:absolute;right:.5rem;bottom:.5rem;background:#0009;border:1px solid var(--border);color:#fff;border-radius:8px;padding:.35rem;cursor:pointer;z-index:2}.card-body{padding:.85rem}.card-body h3{font-size:1.05rem;margin-bottom:.35rem}.meta{display:flex;align-items:center;gap:.35rem;color:#bdbdbf;margin-bottom:.75rem}.card-actions{display:flex;justify-content:space-between;align-items:center}.price{font-weight:700;color:#fff}.empty{display:flex;gap:.5rem;align-items:center;color:#bdbdbf}.grid-testimonials{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.t-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.t-head{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem}.t-head img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.rating{display:flex;gap:.25rem;color:#ffd166;margin:.35rem 0}.t-footer{display:flex;gap:.35rem;align-items:center;color:#d0d0d2}.banner{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--border);background-size:cover;background-position:center;height:240px;margin-top:1.25rem}.banner .overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000c)}.banner-content{position:absolute;left:0;right:0;bottom:0;padding:1rem;color:#fff}.promo{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:center}.promo-right img{width:100%;max-width:360px;border-radius:12px;border:1px solid var(--border)}.list{list-style:none;padding-left:0}.list.bullets li{display:flex;gap:.5rem;align-items:center;margin:.35rem 0}.grid-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.g-item{border:0;background:transparent;padding:0;cursor:pointer;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.g-item img{width:100%;height:220px;display:block;object-fit:cover;transition:transform .4s ease}.g-item:hover img{transform:scale(1.04)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.about-media img{width:100%;border-radius:12px;border:1px solid var(--border)}.grid-ops{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.op-card{overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--card)}.op-card img{width:100%;height:160px;object-fit:cover}.op-body{padding:1rem}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.support-info .list li{margin:.35rem 0}.form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-grid .full{grid-column:1/-1}label{display:block;margin-bottom:.35rem;color:#d8d8da}input,select,textarea{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;background:#0e0e10;color:#e1e1e4}.form-error,.form-success{display:flex;gap:.5rem;align-items:center;margin-top:.75rem;color:#ffd166}.form-success{color:var(--success)}.filters{display:flex;gap:.75rem;align-items:center}.segmented{display:flex;flex-wrap:wrap;gap:.5rem}.segmented button{background:var(--card);border:1px solid var(--border);color:#ddd;padding:.5rem .75rem;border-radius:999px;cursor:pointer}.segmented button.active{background:var(--accent);color:#0b0b0c}.download{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.download-right img{width:100%;max-width:380px;border-radius:12px;border:1px solid var(--border)}.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#000000b3}.modal-content{position:relative;background:#000;border:1px solid var(--border);border-radius:10px;padding:.5rem;max-width:92vw;max-height:92vh}.modal-content img{max-width:86vw;max-height:86vh;display:block;object-fit:contain}.modal-close{position:absolute;top:.5rem;right:.5rem;background:#0009;border:1px solid var(--border);color:#fff;border-radius:8px;padding:.35rem;cursor:pointer;z-index:2}@media(max-width:768px){.section{padding:2rem 1rem}.hero-content{grid-template-columns:1fr;padding:2.5rem 0}.hero-left h1{font-size:2rem}.hero-right img{max-width:100%}.menu{display:inline-flex}.nav-links{display:none}.about-grid,.download,.support-grid{grid-template-columns:1fr}.section-head h2{font-size:1.6rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;background:#0f0f10;color:#e9e9ea}html,body,#root{height:100%}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}html{scroll-behavior:smooth}header{z-index:100;position:sticky;top:0}.nav-links.open{z-index:200}.modal{z-index:1000}
