@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--bg:#080b11;--card:#111620;--line:#2a303c;--red:#f4394b;--muted:#a9b2c1;--white:#f6f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#29121b 0%,transparent 35%),var(--bg);color:var(--white);font:16px/1.75 'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,.brand{font-family:Outfit,sans-serif;line-height:1.2}h1{font-size:clamp(2.2rem,5vw,4.6rem);letter-spacing:-.045em;margin:18px 0}h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:0 0 20px}h3{font-size:1.2rem;margin:0 0 8px}p{color:#c4cbd5}header{height:76px;position:sticky;top:0;z-index:50;background:#080b11ed;border-bottom:1px solid #242a34;backdrop-filter:blur(15px)}.nav{max-width:1160px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{font-weight:900;font-size:1.55rem;letter-spacing:-1px}.brand b{color:var(--red)}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a:hover,.footlinks a:hover{color:#ff6976}.menubtn{display:none;border:1px solid var(--line);background:#151b25;color:white;border-radius:12px;padding:9px 13px;font-size:23px;cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 22px}.hero{padding:78px 0 55px;display:grid;grid-template-columns:1.35fr .8fr;gap:65px;align-items:center}.eyebrow{color:#ff7380;text-transform:uppercase;font-size:.76rem;letter-spacing:.2em;font-weight:800}.lead{font-size:1.1rem;max-width:650px}.logo-panel{background:linear-gradient(145deg,#2a1119,#101720 58%,#0b0c10);padding:26px;border:1px solid #5d2631;border-radius:34px;box-shadow:0 20px 80px #fa29421c;transform:rotate(2deg)}.logo-panel img{width:100%;border-radius:24px;display:block}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #404652;background:#171c26;padding:13px 23px;border-radius:12px;font-weight:800;transition:.2s}.btn.primary{background:linear-gradient(120deg,#f83a50,#b70c2e);border-color:#f34c60;color:white;box-shadow:0 8px 30px #fa264533}.btn:hover{transform:translateY(-2px)}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#1a202a;border:1px solid #333b46;color:#c8d1de;border-radius:999px;padding:5px 13px;font-size:.8rem}.section{padding:45px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.info{background:linear-gradient(145deg,#151b26,#0e131b);border:1px solid var(--line);border-radius:18px;padding:24px}.card p{margin-bottom:0}.card small{color:#ff7783;font-weight:700}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:300px}td{padding:15px 20px;border-bottom:1px solid #292f3a}tr:last-child td{border-bottom:0}td:first-child{color:#aeb7c6;width:43%;background:#141a24}td:last-child{font-weight:700}.gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 20px}.gallery img{height:370px;width:auto;max-width:260px;border-radius:15px;border:1px solid #3a3e4b;scroll-snap-align:start}.pagehead{padding:70px 0 25px;max-width:830px}.content{max-width:870px}.content h2{margin-top:40px}.content li{margin:10px 0;color:#c6ceda}.faq details{border:1px solid var(--line);background:#131923;border-radius:13px;margin:12px 0;padding:16px 20px}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin-bottom:0}.note{border-left:4px solid #fa4257;padding:16px 20px;background:#241720;border-radius:0 12px 12px 0;color:#f1d9de}.cta{background:linear-gradient(110deg,#35101d,#141821);border:1px solid #6c2737;padding:35px;border-radius:22px;margin:30px 0}.footer{margin-top:70px;border-top:1px solid var(--line);padding:35px 0;color:#9da7b5}.footlinks{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0}.small{font-size:.86rem;color:#9fa9b8}.crumb{font-size:.85rem;color:#aab5c5}.crumb a{color:#ff7180}@media(max-width:780px){.hero{grid-template-columns:1fr;gap:25px;padding-top:46px}.logo-panel{max-width:320px;margin:auto;transform:none}.grid{grid-template-columns:1fr}.menubtn{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:76px;background:#111722;border-bottom:1px solid #38404c;padding:20px 25px;flex-direction:column;align-items:stretch;gap:12px}.navlinks.open{display:flex}.navlinks a{padding:8px 0}.section{padding:30px 0}.gallery img{height:300px}.cta{padding:24px}.buttons .btn{width:100%}}
/* IJ7 logo and primary download placement update */
.hero-logo-action{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;min-width:0}
.hero-logo-action .logo-panel{width:100%;max-width:390px;transform:none;padding:12px;border-radius:34px;background:linear-gradient(145deg,#2a1119,#101720);box-shadow:0 18px 65px #fa29422b}
.hero-logo-action .logo-panel img{width:100%;height:auto;display:block;border-radius:28px}
.logo-download{width:100%;max-width:390px;text-align:center;font-size:1.1rem;min-height:58px}
@media(max-width:780px){.hero-logo-action{gap:14px}.hero-logo-action .logo-panel{max-width:320px}.logo-download{max-width:320px}.hero{gap:20px}}

/* Compact IK7-style IJ7 logo and centered download button */
.hero-logo-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;margin-inline:auto}
.hero-logo-action .logo-panel{width:190px;max-width:70vw;padding:5px;margin:0 auto;transform:none;border-radius:25px;box-sizing:border-box}
.hero-logo-action .logo-panel img{display:block;width:100%;height:auto;border-radius:20px}
.hero-logo-action .logo-download{display:flex;align-items:center;justify-content:center;width:min(280px,85vw);max-width:100%;min-height:54px;margin:0 auto;text-align:center}
@media(max-width:780px){.hero-logo-action .logo-panel{width:160px;max-width:55vw}.hero-logo-action .logo-download{width:min(260px,85vw)}}

/* Final mobile-first logo sizing and centered download layout */
.hero-logo-action{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;margin:0 auto}
.hero-logo-action .logo-panel{width:150px!important;max-width:150px!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:hidden}
.hero-logo-action .logo-panel img{display:block;width:150px!important;max-width:100%!important;height:150px!important;object-fit:contain;border-radius:22px!important}
.hero-logo-action .logo-download{display:flex!important;align-items:center;justify-content:center;width:230px!important;max-width:calc(100vw - 44px)!important;min-height:49px;margin:0 auto!important;text-align:center;font-size:1rem;padding:10px 15px}
@media(max-width:780px){.hero{display:flex!important;flex-direction:column;align-items:stretch;gap:22px;padding-top:28px}.hero-logo-action{align-self:center}.hero-logo-action .logo-panel,.hero-logo-action .logo-panel img{width:145px!important;max-width:145px!important;height:145px!important}.hero-logo-action .logo-download{width:230px!important}.hero .buttons{justify-content:center}}

/* Heading -> compact logo -> centered download, mobile and desktop */
.hero{display:block!important;max-width:900px;margin:0 auto;padding-top:32px!important;text-align:center}
.hero>div:first-child{width:100%}.hero h1{margin:12px auto 18px;max-width:850px}
.hero .hero-logo-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0 auto 24px!important;width:100%!important}
.hero .hero-logo-action .logo-panel,.hero .hero-logo-action .logo-panel img{width:145px!important;height:145px!important;max-width:145px!important;max-height:145px!important;object-fit:contain!important;margin:0 auto!important;padding:0!important}
.hero .hero-logo-action .logo-download{width:230px!important;max-width:calc(100vw - 44px)!important;margin:0 auto!important;justify-content:center!important;text-align:center!important}
.hero .lead{margin:16px auto;max-width:720px}.hero .chips,.hero .buttons{justify-content:center}.hero .small{margin:16px auto}
@media(max-width:780px){.hero{display:block!important;padding-top:25px!important}.hero h1{font-size:clamp(1.8rem,8vw,2.5rem)}.hero .hero-logo-action{margin-bottom:22px!important}}