
.indie-page{isolation:isolate;position:relative;overflow:hidden;min-height:100vh;background:radial-gradient(ellipse at 12% 12%,#17457488,transparent 38%),radial-gradient(ellipse at 94% 43%,#4c237066,transparent 42%),#040a18;padding:0 0 70px}
.indie-page-glow{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#061d38bb,transparent 550px);z-index:-1}
.indie-kicker{font-size:11px;letter-spacing:.17em;color:#65e8ff;font-weight:900;margin:0 0 8px}
.indie-lead{text-align:center;padding:80px 0 43px;max-width:940px}
.indie-lead h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(47px,8vw,96px);line-height:1;margin:10px 0 12px;letter-spacing:.01em}.indie-lead h1 span{color:#35d7ff}
.indie-intro{color:#bdd1e6;font-size:clamp(14px,1.5vw,18px);line-height:1.7;max-width:690px;margin:0 auto}
.indie-feature{border:1px solid #31b9f6a8;border-radius:22px;box-shadow:0 20px 60px #0009,0 0 24px #128de92b;background:linear-gradient(122deg,#0e1935ed,#0a1230ee 65%,#142348f2);padding:24px}
.indie-feature-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;color:#74dfff;font-size:11px;letter-spacing:.11em;font-weight:850}
.feature-maker{color:#aec9e2}.feature-maker strong{color:#fff}
.indie-feature-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:center}
.indie-cover{background:linear-gradient(155deg,#132344,#071022);border:1px solid #3b678c;border-radius:15px;overflow:hidden;padding:0 0 18px;text-align:center}
.indie-cover-banner{width:100%;height:auto;display:block}.indie-cover-logo{display:none}
.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{font-size:10px;letter-spacing:.09em;font-weight:850;border:1px solid #2d7bb1;color:#b5e9ff;background:#102b49;padding:7px 9px;border-radius:20px}
.indie-description h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,4.4vw,59px);line-height:1.02;margin:20px 0 6px}.maker-byline{color:#72defe!important;font-weight:750;margin:0 0 25px!important}
.indie-description p{font-size:15px;color:#d3e1f2;line-height:1.75;margin:0 0 15px}
.indie-description .indie-punchline{font-weight:850;font-size:19px;color:#fff;margin:22px 0}
.indie-store-button,.indie-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;font-size:12px;font-weight:900;letter-spacing:.035em;text-align:center;min-height:48px;padding:13px 20px}
.indie-store-button{background:#03c5ed;color:#031126;box-shadow:0 0 22px #00d4ff44}.indie-store-button:hover{background:#71eaff}.indie-outline-button{border:1px solid #24d9ff;background:#0c2a43;color:white}.indie-outline-button:hover{background:#113e5e}
.indie-screens{padding-top:76px}.indie-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.indie-section-heading h2,.indie-last h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(27px,3.4vw,42px);margin:0}.indie-section-heading p,.indie-last p{color:#b9cce5;font-size:13px;line-height:1.6}
.indie-screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.indie-screenshot-grid figure{margin:0;padding:14px 14px 12px;border:1px solid #294c76;border-radius:13px;background:#0d1933;text-align:center}.indie-screenshot-grid img{width:auto;height:340px;max-width:100%;object-fit:contain;display:block;margin:0 auto}.indie-screenshot-grid figcaption{margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7fcaea;font-weight:800}
.indie-last{margin-top:65px;border:1px solid #275a86;border-radius:16px;background:linear-gradient(100deg,#091d39,#10254b);padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.indie-last p{margin-bottom:0}
@media(max-width:900px){.indie-feature-grid{grid-template-columns:1fr;gap:24px}.indie-description h2{margin-top:15px}.indie-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.indie-lead{padding:56px 0 29px}.indie-feature{padding:14px;border-radius:15px}.indie-feature-top{align-items:flex-start;flex-direction:column;gap:7px}.indie-screens{padding-top:48px}.indie-section-heading{display:block}.indie-screenshot-grid{gap:10px}.indie-screenshot-grid figure{padding:8px}.indie-screenshot-grid img{height:240px}.indie-screenshot-grid figcaption{font-size:9px}.indie-last{margin-top:40px;display:block}.indie-outline-button{margin-top:20px;width:100%}}
