.sc-hero{position:relative;min-height:600px;padding:80px 8%;display:flex;align-items:center;background:#080a0d;overflow:hidden}.sc-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.sc-hero-content{position:relative;z-index:1;max-width:680px;text-shadow:0 2px 8px #000}.sc-hero h1{font-size:clamp(43px,5.5vw,78px)}.sc-hero p:not(.eyebrow){font-size:20px;line-height:1.8}.sc-stats{display:flex;gap:45px;padding:30px 8%;border-block:1px solid var(--steel);background:var(--carbon)}.sc-stats strong{font-size:30px;color:var(--cyan);display:block}.sc-stats span{font-size:14px;color:var(--smoke)}.fleet-tools{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0}.fleet-tools label{font-size:14px;flex:1;min-width:200px}.fleet-tools input,.fleet-tools select{display:block;width:100%;background:var(--carbon);color:var(--white);font:inherit;padding:13px;border:1px solid #476179;margin-top:8px}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.ship-card{border:1px solid #2a3b4d;background:linear-gradient(145deg,#152332,#10161d);overflow:hidden}.ship-art{position:relative;height:230px;padding:20px;background:radial-gradient(ellipse,#12476b55,transparent)}.ship-art img{width:100%;height:100%;object-fit:contain}.ship-art>span:not(.ship-quantity){color:var(--smoke)}.ship-quantity{position:absolute;top:15px;right:15px;background:#080a0dcc;padding:4px 11px;color:var(--cyan);font-size:16px}.ship-info{padding:25px}.ship-info .eyebrow{font-size:12px;line-height:1.6;margin-bottom:12px}.ship-info h3{font-size:25px;line-height:1.25}.ship-role{color:var(--cyan);font-size:16px}.ship-notes{font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.sc-resource{background:var(--carbon);border:1px solid var(--steel);padding:35px}.sc-resource p,.sc-resource li{font-size:17px;line-height:1.85;color:var(--smoke)}.sc-resource code{color:var(--cyan)}.fan-notice{padding:28px 8%;font-size:14px;line-height:1.8;color:var(--smoke);border-top:1px solid var(--steel)}.fan-notice img{width:160px;height:auto;display:block;margin-bottom:20px}.fan-notice p{margin:0}.fleet-editor-row{padding:20px 0;border-bottom:1px solid var(--steel)}.fleet-editor-row .button{margin-right:12px}.editor-fleet{margin-top:70px;padding-top:40px;border-top:1px solid var(--steel)}@media(max-width:1050px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.fleet-grid{grid-template-columns:1fr}.sc-hero{padding:60px 6%;min-height:530px}.sc-stats{gap:25px;padding:24px 6%;flex-wrap:wrap}.sc-resource{padding:24px}.fan-notice{padding:25px 6%}}

#fleet-grid{display:block}.fleet-group{margin-bottom:50px}.fleet-group-title{font-size:27px;padding:0 0 17px;margin-bottom:24px;border-bottom:1px solid #28465f;color:var(--white)}.fleet-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.ship-custom-name{font-size:20px;font-weight:bold;color:var(--cyan);margin-top:-7px}.ship-info .tag{margin-bottom:15px}@media(max-width:1050px){.fleet-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.fleet-group-grid{grid-template-columns:1fr}.fleet-group-title{font-size:24px}}

.ship-art.ship-photo{padding:0;background:#080a0d}.ship-art.ship-photo img{object-fit:contain;display:block}.ship-photo .ship-quantity{z-index:1}

.sc-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:70px;align-items:start}.sc-hero-referral{position:relative;z-index:1;max-width:510px;background:none;border:0;box-shadow:none;padding:0;text-shadow:0 2px 7px #000,0 1px 3px #000}.sc-hero-referral h2{font-size:clamp(28px,2.7vw,42px);margin-bottom:20px}.sc-hero-referral p,.sc-hero-referral li{font-size:16px;line-height:1.75}.sc-hero-referral ol{padding-left:22px;margin:20px 0}.sc-hero-referral li{padding-left:4px;margin-bottom:9px}.sc-hero-referral p:last-child{font-size:14px;margin-top:20px;color:#c8d5df}.sc-referral-link{display:inline-block;font-size:18px;padding:6px 0;text-decoration:underline;text-underline-offset:5px}@media(max-width:1000px){.sc-hero{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:750px){.sc-hero{grid-template-columns:1fr;gap:45px}.sc-hero-referral{max-width:100%}.sc-hero-referral h2{font-size:32px}}