:root { --black:#070707; --panel:#141414; --gold:#dda62f; --gold-light:#ffe19a; --gold-dark:#926000; --white:#fbf8f0; --muted:#aaa49a; --line:rgba(255,255,255,.1); --success:#35d27b; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { min-height:100vh; color:var(--white); background:radial-gradient(circle at 50% 4%,rgba(221,166,47,.16),transparent 29rem),linear-gradient(180deg,#050505,#0d0d0d); font-family:Arial,Helvetica,sans-serif; line-height:1.5; }
a { color:inherit; }
.container { width:min(1080px,calc(100% - 40px)); margin:0 auto; }
.topbar { border-bottom:1px solid var(--line); background:rgba(5,5,5,.89); }
.topbar-inner { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; text-decoration:none; }
.brand img { width:116px; height:76px; object-fit:contain; }
.official { display:inline-flex; align-items:center; gap:10px; color:#bbb5aa; font-size:12px; font-weight:700; }
.official i { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 5px rgba(53,210,123,.12); }
.back-link { color:#bbb5aa; font-size:12px; font-weight:700; text-decoration:none; transition:color .2s; }
.back-link:hover { color:var(--gold); }
.home-hero { min-height:760px; padding:55px 0 90px; text-align:center; }
.hero-logo { width:220px; height:220px; display:grid; place-items:center; margin:0 auto 24px; position:relative; }
.hero-logo img { width:210px; height:210px; object-fit:contain; position:relative; z-index:2; filter:drop-shadow(0 22px 35px rgba(0,0,0,.65)); }
.logo-orbit,.showcase-ring { position:absolute; border:1px solid rgba(221,166,47,.28); border-radius:50%; box-shadow:0 0 95px rgba(221,166,47,.15),inset 0 0 60px rgba(221,166,47,.06); }
.logo-orbit { width:220px; height:220px; }
.eyebrow { display:inline-flex; margin-bottom:18px; padding:8px 12px; border:1px solid rgba(221,166,47,.28); border-radius:99px; color:var(--gold-light); background:rgba(221,166,47,.07); font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
h1 { font-size:clamp(46px,6vw,74px); line-height:.98; letter-spacing:-.05em; }
h1 span { color:transparent; background:linear-gradient(105deg,#b57800,#ffe5a0 48%,#d99b18); -webkit-background-clip:text; background-clip:text; }
.lead { max-width:650px; margin:21px auto 0; color:var(--muted); font-size:16px; line-height:1.7; }
.profile-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:42px; text-align:left; }
.profile-card { min-height:235px; display:grid; grid-template-columns:64px 1fr; grid-template-rows:1fr auto; gap:0 24px; position:relative; overflow:hidden; padding:31px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,#171717,#0b0b0b); text-decoration:none; transition:transform .22s,border-color .22s; }
.profile-card:hover { transform:translateY(-5px); border-color:rgba(221,166,47,.48); }
.card-number { position:absolute; right:25px; top:15px; color:rgba(255,255,255,.07); font-size:52px; font-weight:900; }
.card-icon { width:64px; height:64px; display:grid; place-items:center; grid-row:1/3; border-radius:18px; color:#111; background:linear-gradient(135deg,#be7e00,#ffe29a); font-size:22px; font-weight:900; }
.profile-card h2 { margin-top:6px; font-size:24px; }
.profile-card p { max-width:310px; margin-top:8px; color:var(--muted); font-size:13px; line-height:1.6; }
.profile-card strong { align-self:end; color:var(--gold-light); font-size:12px; }
.profile-card strong span { margin-left:5px; font-size:18px; }
.trust-strip { min-height:78px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 50px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#aaa49a; font-size:11px; font-weight:700; }
.trust-strip span:before { content:"◆"; margin-right:9px; color:var(--gold); font-size:7px; }
.download-hero { min-height:600px; display:grid; grid-template-columns:1fr .85fr; align-items:center; gap:55px; }
.download-copy { padding:70px 0 85px; }
.download-copy .lead { margin-left:0; }
.benefits { display:grid; gap:10px; margin:27px 0 31px; list-style:none; }
.benefits li { display:flex; align-items:center; gap:10px; color:#ddd8ce; font-size:13px; }
.benefits li:before { content:"✓"; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#111; background:var(--gold); font-size:11px; font-weight:900; }
.download-button { width:min(100%,390px); min-height:66px; display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:12px 20px 12px 14px; border-radius:14px; color:#111; background:linear-gradient(112deg,#b87900,#ffe294 50%,#d99b18); box-shadow:0 16px 38px rgba(221,166,47,.2); font-size:15px; font-weight:900; text-decoration:none; transition:transform .2s; }
.download-button:hover { transform:translateY(-3px); }
.download-button b { width:42px; height:42px; display:grid; place-items:center; border-radius:10px; color:var(--gold); background:#111; font-size:22px; }
.download-button small { display:block; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.file-meta { width:min(100%,390px); margin-top:11px; color:#777169; font-size:10px; text-align:center; }
.brand-showcase { min-height:450px; display:grid; place-items:center; position:relative; }
.brand-showcase img { width:min(37vw,390px); position:relative; z-index:2; filter:drop-shadow(0 28px 35px rgba(0,0,0,.75)); }
.showcase-ring { width:390px; height:390px; }
.brand-showcase>span { position:absolute; right:4%; bottom:15%; z-index:3; padding:9px 14px; border:1px solid rgba(221,166,47,.3); border-radius:99px; color:var(--gold-light); background:rgba(8,8,8,.8); font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.install-section { padding:85px 0 92px; color:#111; background:#f3f0e8; }
.section-heading { margin-bottom:36px; }
.section-heading .eyebrow { color:var(--gold-dark); border-color:rgba(146,96,0,.2); background:rgba(221,166,47,.09); }
.section-heading h2 { font-size:clamp(32px,4vw,48px); letter-spacing:-.04em; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.steps article { min-height:185px; padding:25px; border:1px solid #d8d1c3; border-radius:18px; background:#fff; }
.steps article>span { display:block; margin-bottom:29px; color:var(--gold-dark); font-size:12px; font-weight:900; letter-spacing:.1em; }
.steps strong { font-size:15px; }
.steps p { margin-top:8px; color:#6f6a60; font-size:13px; line-height:1.55; }
.notice { display:flex; align-items:flex-start; gap:12px; margin-top:20px; padding:17px 20px; border:1px solid rgba(146,96,0,.2); border-radius:13px; background:rgba(221,166,47,.08); }
.notice>b { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--gold-dark); font-size:11px; }
.notice p { color:#655f55; font-size:12px; }
footer { border-top:1px solid var(--line); }
.footer-inner { min-height:130px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#777169; font-size:11px; }
.footer-inner img { width:92px; height:80px; object-fit:contain; opacity:.76; }
@media(max-width:820px){.download-hero{grid-template-columns:1fr;padding-top:55px}.download-copy{padding-bottom:0}.brand-showcase{min-height:360px}.brand-showcase img{width:min(70vw,380px)}.showcase-ring{width:340px;height:340px}}
@media(max-width:650px){.container{width:min(100% - 30px,1080px)}.topbar-inner{min-height:82px}.brand img{width:91px;height:66px}.official{max-width:130px;font-size:9px;text-align:right}.back-link{max-width:125px;font-size:10px;text-align:right}.home-hero{padding-top:43px}.hero-logo{width:180px;height:180px}.hero-logo img{width:170px;height:170px}.logo-orbit{width:180px;height:180px}h1{font-size:49px}.profile-grid{grid-template-columns:1fr}.profile-card{min-height:220px;padding:27px}.trust-strip{min-height:130px;justify-content:flex-start;padding-left:31px}.download-copy h1{font-size:47px}.download-button{width:100%}.brand-showcase{min-height:300px}.showcase-ring{width:270px;height:270px}.steps{grid-template-columns:1fr}.steps article{min-height:155px}.footer-inner{min-height:150px;flex-direction:column;justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}