.installation-methods,.optional-client-section{padding:120px max(7vw,30px);scroll-margin-top:75px}
.installation-methods{background:radial-gradient(circle at 12% 12%,rgba(44,111,85,.15),transparent 32%),#07110f}
.method-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.install-method{position:relative;padding:42px;border:1px solid rgba(203,169,104,.28);background:linear-gradient(145deg,rgba(15,35,27,.95),rgba(6,17,14,.88));overflow:hidden}
.install-method::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--gold),transparent 72%)}
.install-method.manual-method::after{background:linear-gradient(90deg,#5ab6c5,transparent 72%)}
.method-number{position:absolute;right:24px;top:12px;color:rgba(203,169,104,.1);font:500 70px var(--serif)}
.install-method>small{position:relative;color:var(--gold);font:700 7px var(--sans);letter-spacing:.18em}
.install-method h3{position:relative;margin:24px 0 15px;color:#eee3ce;font:500 clamp(25px,3vw,35px) var(--serif)}
.method-intro{position:relative;min-height:72px;color:#96a39b;font-size:12px;line-height:1.8}
.install-method ol{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}
.install-method li{padding:19px 3px;display:grid;grid-template-columns:1fr;gap:7px;border-bottom:1px solid var(--line)}
.install-method li b{color:#e3dac8;font:500 15px var(--serif)}
.install-method li span{color:#829088;font-size:10px;line-height:1.7}
.install-method code{color:var(--gold-light)}
.method-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:26px}
.method-button{min-height:52px;padding:13px 15px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(203,169,104,.32);color:var(--gold-light);font:700 8px var(--sans);letter-spacing:.08em;text-align:center;text-transform:uppercase;transition:.25s}
.method-button:hover{border-color:var(--gold);background:rgba(203,169,104,.09);transform:translateY(-2px)}
.method-button.primary-method{background:var(--gold);color:#07110f}.method-button.primary-method:hover{background:var(--gold-light)}
.manual-link{margin-top:26px;border-color:rgba(90,182,197,.4);color:#9cd7df}
.fabric-warning{margin:22px 0 0;padding:16px 18px;display:grid;grid-template-columns:25px 1fr;gap:12px;border-left:2px solid #5ab6c5;background:rgba(90,182,197,.075)}
.fabric-warning>span{color:#73c9d6;font:600 20px var(--serif)}.fabric-warning p{margin:0;color:#96a6a1;font-size:10px;line-height:1.7}.fabric-warning strong{color:#cce4e4}
.optional-client-section{background:radial-gradient(circle at 84% 15%,rgba(50,115,138,.14),transparent 32%),#071310}
.optional-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.optional-card{min-height:350px;padding:40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,20,17,.62)}
.optional-icon{height:68px;display:flex;align-items:flex-start;color:#65c7bc;font:500 25px var(--serif)}
.sodium-card .optional-icon{color:var(--gold)}
.xaero-card .optional-icon{color:#77b8d6}.included-label{display:inline-flex;margin-top:18px;padding:10px 12px;border:1px solid rgba(119,184,214,.32);color:#9bcddd;font:700 8px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.xaero-downloads{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 16px}.optional-card .xaero-downloads a{margin-top:0}
.optional-card small{color:#75887d;font:700 7px var(--sans);letter-spacing:.18em}.optional-card h3{margin:17px 0;color:#eadfca;font:500 25px var(--serif)}.optional-card p{min-height:105px;color:#8b9991;font-size:12px;line-height:1.8}.optional-card p strong{color:#d9d2c2}.optional-card a{display:inline-block;margin-top:18px;padding-bottom:5px;border-bottom:1px solid rgba(203,169,104,.35);color:var(--gold-light);font:700 8px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.whitelist-section{padding:85px max(7vw,30px);background:#07110f}
.whitelist-panel{max-width:1240px;margin:auto;padding:38px 42px;display:grid;grid-template-columns:52px 1fr auto;gap:27px;align-items:center;border:1px solid rgba(203,169,104,.32);background:linear-gradient(110deg,#11231b,#091410)}
.whitelist-mark{color:var(--gold);font:30px var(--serif)}.whitelist-panel small{color:#75877d;font:700 7px var(--sans);letter-spacing:.18em}.whitelist-panel h2{margin:7px 0 9px;color:#e8dfcd;font:500 clamp(23px,3vw,34px) var(--serif)}.whitelist-panel p{max-width:760px;margin:0;color:#8e9b93;font-size:11px;line-height:1.75}.whitelist-panel p strong{color:var(--gold-light)}.whitelist-panel>a{padding:15px 18px;border:1px solid rgba(203,169,104,.4);color:var(--gold-light);font:700 8px var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.whitelist-panel>a:hover{background:var(--gold);color:#07110f}
@media(max-width:950px){.method-grid{grid-template-columns:1fr}.method-intro{min-height:0}.optional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xaero-card{grid-column:1/-1}.whitelist-panel{grid-template-columns:45px 1fr}.whitelist-panel>a{grid-column:2;justify-self:start}}
@media(max-width:700px){.installation-methods,.optional-client-section{padding:90px 22px}.install-method{padding:33px 24px}.method-actions,.optional-grid{grid-template-columns:1fr}.xaero-card{grid-column:auto}.optional-card{min-height:0;padding:32px 25px}.optional-card p{min-height:0}.whitelist-section{padding:65px 22px}.whitelist-panel{padding:30px 23px;grid-template-columns:1fr;gap:11px}.whitelist-panel>a{grid-column:auto;margin-top:12px}}