.running-page{background:radial-gradient(circle at 80% 9%,rgba(215,255,63,.1),transparent 30rem),radial-gradient(circle at 15% 35%,rgba(255,46,140,.12),transparent 34rem),var(--bg)}
.runapp-hero{min-height:100svh;display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center;padding:125px clamp(22px,6vw,110px) 70px}.runapp-copy h1{margin:20px 0;font:900 clamp(5.5rem,10vw,12rem)/.72 var(--display);text-transform:uppercase;letter-spacing:-.045em}.runapp-copy h1 em{color:var(--lime);font-style:normal}.runapp-copy>p:not(.kicker){max-width:630px;color:#c3c7cb;font-size:1.08rem;line-height:1.7}
.runapp-window{min-height:620px;border:1px solid rgba(215,255,63,.45);border-radius:28px;background:#0a100d;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.55);transform:rotate(1deg)}.window-bar{height:58px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid #26372d;background:#111813}.window-bar i{width:11px;height:11px;border-radius:50%;background:var(--pink)}.window-bar i:nth-child(2){background:var(--orange)}.window-bar i:nth-child(3){background:var(--lime)}.window-bar span{margin-left:12px;color:#91a499;font-size:.65rem;font-weight:800;letter-spacing:.16em}.window-body{min-height:560px;display:grid;grid-template-columns:90px 1fr}.window-body aside{padding:22px 17px;border-right:1px solid #26372d;display:flex;align-items:center;flex-direction:column;gap:24px}.window-body aside b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--lime);color:#10130a}.window-body aside span{width:42px;height:7px;border-radius:9px;background:#253a30}.window-main{padding:34px}.mock-heading{width:46%;height:22px;border-radius:8px;background:#dce7df}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.mock-stats i{height:90px;border:1px solid #294a39;border-radius:16px;background:linear-gradient(135deg,#153226,#101a14)}.mock-chart{height:210px;margin-top:16px;padding:25px 18px;border:1px solid #294a39;border-radius:18px;background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.05) 39px)}.mock-chart svg{width:100%;height:100%}.mock-days{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:16px}.mock-days i{height:110px;border:1px solid #283c32;border-radius:14px;background:#111b16}
.runapp-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.runapp-facts article{min-height:155px;padding:28px clamp(18px,3vw,42px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.runapp-facts article:last-child{border:0}.runapp-facts span{color:var(--pink);font-size:.64rem;font-weight:800;letter-spacing:.16em}.runapp-facts strong{margin:7px 0;font:900 2.1rem var(--display)}.runapp-facts small{color:var(--muted)}
.feature-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-tiles article{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#11161b}.feature-tiles span{color:var(--lime);font:900 1.4rem var(--display)}.feature-tiles h3{margin:85px 0 8px;font:900 2.5rem var(--display);text-transform:uppercase}.feature-tiles p{color:var(--muted);line-height:1.65}
.download-section{background:radial-gradient(circle at 50% 50%,rgba(0,221,236,.08),transparent 42%)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.download-card{padding:35px;border:1px solid rgba(0,221,236,.38);border-radius:28px;background:#0e1518}.download-card>span{color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.16em}.download-card h3{margin:18px 0 28px;font:900 clamp(2.5rem,4vw,4.5rem)/.9 var(--display)}.download-card ol{min-height:125px;padding-left:22px;color:var(--muted);line-height:1.9}.download-card code{color:var(--text)}.unsigned-note{margin-top:16px;padding:24px 28px;border-left:3px solid var(--orange);background:#171312}.unsigned-note b{color:var(--orange);font-size:.7rem;letter-spacing:.15em}.unsigned-note p{margin:8px 0 0;color:var(--muted);line-height:1.65}.unsigned-note a{color:var(--text)}
.quickstart-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}.quickstart-flow article{min-height:230px;padding:25px;border:1px solid var(--line);border-radius:22px;background:#10161b}.quickstart-flow article b{color:var(--pink);font:900 2rem var(--display)}.quickstart-flow h3{margin:70px 0 6px;font:900 2rem var(--display);text-transform:uppercase}.quickstart-flow p{color:var(--muted);line-height:1.5}.quickstart-flow>i{align-self:center;color:var(--lime);font-style:normal;font-size:1.4rem}
.screenshots-section{background:#0c1013}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shot-placeholder{margin:0}.shot-placeholder.wide{grid-column:1/-1}.shot-placeholder>div{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed rgba(215,255,63,.45);border-radius:26px;background:radial-gradient(circle,rgba(215,255,63,.08),transparent 40%),repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 12px,transparent 12px 24px),#0d1310}.shot-placeholder span{color:var(--lime);font:900 3rem var(--display)}.shot-placeholder b{font:900 2rem var(--display);letter-spacing:.05em}.shot-placeholder small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.shot-placeholder figcaption{padding:14px 4px;color:var(--muted);font-size:.85rem}.project-cta{min-height:75vh;padding:110px clamp(22px,8vw,145px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-top:1px solid var(--line);background:radial-gradient(circle at 75% 55%,rgba(255,46,140,.12),transparent 34%)}.project-cta h2{margin:0;font:900 clamp(5rem,10vw,12rem)/.78 var(--display);text-transform:uppercase}.project-cta h2 em{color:var(--pink);font-style:normal}.project-cta>p:not(.kicker){max-width:600px;color:var(--muted);font-size:1.05rem;line-height:1.6}
.running-project{color:var(--text);text-decoration:none;transition:.25s}.running-project:hover{transform:translateY(-5px);border-color:var(--pink)}.project-link{display:inline-block;margin-top:12px;color:var(--pink);font-size:.72rem;letter-spacing:.14em}
@media(max-width:1050px){.runapp-hero{grid-template-columns:1fr}.runapp-window{min-height:560px}.runapp-facts{grid-template-columns:1fr 1fr}.runapp-facts article:nth-child(2){border-right:0}.runapp-facts article:nth-child(-n+2){border-bottom:1px solid var(--line)}.quickstart-flow{grid-template-columns:1fr}.quickstart-flow>i{transform:rotate(90deg)}}
@media(max-width:680px){.runapp-hero{padding:115px 18px 55px}.runapp-copy h1{font-size:clamp(5rem,27vw,8rem)}.runapp-window{min-height:430px;border-radius:20px}.window-body{min-height:370px;grid-template-columns:55px 1fr}.window-body aside{padding:15px 7px}.window-body aside span{width:30px}.window-main{padding:20px 14px}.mock-chart{height:145px}.mock-days i{height:65px}.runapp-facts,.feature-tiles,.download-grid,.screenshot-grid{grid-template-columns:1fr}.runapp-facts article{min-height:120px;border-right:0;border-bottom:1px solid var(--line)}.shot-placeholder.wide{grid-column:auto}.shot-placeholder>div{min-height:270px}.download-card{padding:28px 20px}.project-cta{padding:90px 18px}}