:root{--bg: #ffffff;--ink: #171717;--muted: #737373;--line: #e5e5e5;--line-light: rgba(0, 0, 0, .06);--yellow: #f9ed32;--yellow-light: #fcff69;--yellow-border: rgba(235, 166, 19, .6);--phone-bg-top: #070d24;--phone-bg-mid: #101c44;--phone-bg-bottom: #080f28;--coral: #ff4757;--amber: #f59e0b;--cyan: #38bdf8;--mint: #34d399;--font-sans: -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "SF Pro Text", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.appshot-header{position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:.5px solid var(--line);padding:14px 32px}.header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-logo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.logo-mark{font-size:20px}.logo-text{font-size:18px;font-weight:700;letter-spacing:-.35px;color:#000}.logo-text span{color:var(--muted);font-weight:500}.header-nav{display:flex;align-items:center;gap:24px}.header-nav-link{font-size:14px;font-weight:500;color:var(--muted);transition:color .15s ease}.header-nav-link:hover{color:#000}.yellow-button{color:#000!important;text-shadow:0 1px rgba(255,255,255,.4),1px 1px 6px #fff;white-space:nowrap;background:var(--yellow) linear-gradient(var(--yellow-light),var(--yellow));border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;line-height:20px;transition:all .12s ease-out;display:inline-flex;box-shadow:0 2px 4px #0000001a,0 1px 1px #0000002e,0 0 0 .5px var(--yellow-border),inset 0 -1px #eba61359;cursor:pointer}.yellow-button:hover{background-image:linear-gradient(#feffb3,var(--yellow));box-shadow:0 3px 6px #00000026,0 1px 2px #00000040,0 0 0 .5px var(--yellow-border);transform:translateY(-.5px)}.yellow-button:active{transform:translateY(.5px)}.cta-dot{width:7px;height:7px;border-radius:50%;background:#ff4757;box-shadow:0 0 6px #ff4757}.appshot-main{max-width:1440px;margin:0 auto;padding:20px 32px 60px;display:flex;flex-direction:column;gap:28px}.breadcrumb-bar{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.breadcrumb-bar .sep{opacity:.5}.breadcrumb-bar .current{color:var(--ink);font-weight:500}.app-hero{display:flex;align-items:center;gap:20px;padding-bottom:6px}.app-icon-squircle{width:76px;height:76px;border-radius:18px;background:linear-gradient(135deg,#101c44,#070d24);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;box-shadow:0 8px 24px #0a14322e;flex-shrink:0}.app-icon-glyph{font-size:38px;filter:drop-shadow(0 2px 8px rgba(56,189,248,.5))}.app-hero-text{display:flex;flex-direction:column;gap:4px}.app-title{font-size:26px;font-weight:700;letter-spacing:-.4px;color:var(--ink);line-height:1.2}.app-meta-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.meta-star{color:#b45309;font-weight:600}.meta-free{font-weight:600}.app-desc{font-size:14px;color:var(--muted)}.screenshots-section{display:flex;flex-direction:column;gap:16px}.screenshots-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:4px}.screenshots-title{font-size:15px;font-weight:700;color:var(--ink)}.screenshots-counter{font-size:13px;color:var(--muted)}.screens-track{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 28px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.screens-track::-webkit-scrollbar{height:8px}.screens-track::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.screens-track::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.screens-track::-webkit-scrollbar-thumb:hover{background:#aaa}.phone-screen{flex:0 0 286px;width:286px;height:600px;scroll-snap-align:start;border-radius:36px;border:2px solid rgba(255,255,255,.16);background:linear-gradient(180deg,var(--phone-bg-top) 0%,var(--phone-bg-mid) 50%,var(--phone-bg-bottom) 100%);box-shadow:0 16px 40px #0a143229,inset 0 1px 1px #ffffff40;overflow:hidden;position:relative;color:#fff;display:flex;flex-direction:column;padding:10px 16px 18px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.phone-screen:hover{transform:translateY(-4px);box-shadow:0 24px 50px #0a14323d,inset 0 1px 1px #ffffff59}.dynamic-island{width:74px;height:19px;background:#000;border-radius:99px;margin:2px auto 10px;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff14}.phone-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;overflow:hidden}.phone-header{text-align:center;display:flex;flex-direction:column;gap:3px}.phone-kicker{font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--cyan)}.kicker-coral{color:var(--coral)}.kicker-amber{color:#f59e0b}.kicker-cyan{color:var(--cyan)}.phone-title{font-size:21px;font-weight:800;line-height:1.15;letter-spacing:-.4px;color:#fff}.phone-sub{font-size:11.5px;color:#ffffffa6;line-height:1.35}.radar-visual-box{position:relative;height:340px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;padding:12px}.radar-rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.radar-ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.08);top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:100px;height:100px}.ring-2{width:200px;height:200px}.ring-3{width:300px;height:300px}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 75%,rgba(56,189,248,.15) 100%);animation:radar-spin 6s linear infinite}@keyframes radar-spin{to{transform:rotate(360deg)}}.radar-hub-point{position:relative;z-index:2;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px}.hub-dot{width:14px;height:14px;border-radius:50%;background:#f9ed32;box-shadow:0 0 14px #f9ed32}.hub-pulse{position:absolute;width:32px;height:32px;top:-9px;border-radius:50%;border:1.5px solid rgba(249,237,50,.6);animation:hub-pulse-anim 2.4s ease-out infinite}@keyframes hub-pulse-anim{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.hub-label{font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.08em;color:#f9ed32;background:#0a1228d9;padding:2px 6px;border-radius:4px;border:.5px solid rgba(249,237,50,.4)}.corridor-card{position:relative;z-index:2;background:#0a1228d9;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.corridor-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:8.5px;font-weight:700}.corridor-card.west .corridor-dir{color:var(--coral)}.corridor-card.north .corridor-dir{color:#f59e0b}.corridor-card.northwest .corridor-dir{color:var(--cyan)}.corridor-time{font-weight:800;color:#fff;background:#ffffff1a;padding:1px 6px;border-radius:99px}.corridor-name{font-size:11px;font-weight:700;color:#fff;margin-top:2px}.phone-badge-footer{font-size:10px;color:#fff9;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;padding-top:4px}.rink-badge-hero{border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(255,255,255,.15)}.coral-hero{background:linear-gradient(135deg,#ff475740,#101c4499);border-color:#ff475759}.amber-hero{background:linear-gradient(135deg,#f59e0b40,#101c4499);border-color:#f59e0b59}.cyan-hero{background:linear-gradient(135deg,#38bdf840,#101c4499);border-color:#38bdf859}.hero-drive-stat{font-family:var(--font-display);font-size:42px;font-weight:800;line-height:1;color:#fff;letter-spacing:-1px}.hero-drive-unit{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.12em;color:#ffffffd9;margin-top:2px}.spec-pills-list{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.spec-row:last-child{border-bottom:0;padding-bottom:0}.spec-label{color:#ffffff8c}.spec-val{font-weight:600;color:#fff;text-align:right}.spec-row.highlight .spec-val{color:var(--mint);font-weight:700}.screen-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:2px}.screen-btn-primary{color:#000!important;background:var(--yellow) linear-gradient(var(--yellow-light),var(--yellow));border-radius:10px;padding:10px 8px;font-size:11px;font-weight:800;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;transition:transform .1s ease}.screen-btn-primary:hover{transform:translateY(-1px)}.screen-btn-outline{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 8px;font-size:11px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.screen-btn-outline:hover{background:#ffffff24}.screen-day-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:#0000004d;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.mini-day-btn{background:transparent;border:0;border-radius:8px;padding:6px 2px;color:#fff9;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .1s ease}.mini-day-btn:hover{color:#fff;background:#ffffff14}.mini-day-btn.active{background:var(--yellow);color:#000}.mini-day-btn.is-today:not(.active){border:1px solid #f59e0b}.screen-sessions-box{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px;max-height:290px}.screen-sessions-box::-webkit-scrollbar{width:4px}.screen-sessions-box::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.screen-session-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.session-top-line{display:flex;justify-content:space-between;align-items:center}.session-venue-pill{font-family:var(--font-display);font-size:9px;font-weight:800;text-transform:uppercase}.session-venue-pill.jackson{color:var(--coral)}.session-venue-pill.southamboy{color:#f59e0b}.session-venue-pill.woodbridge{color:var(--cyan)}.session-price-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--mint);background:#34d39926;padding:1px 6px;border-radius:99px}.session-name-text{font-size:11px;font-weight:700;color:#fff}.session-time-text{font-size:10px;color:#fff9}.tuesday-note-screen{padding:12px;background:#f59e0b26;border:1px dashed rgba(245,158,11,.4);border-radius:12px;font-size:11px;color:#fef3c7;line-height:1.4}.checklist-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}.check-item{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none}.check-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--yellow);cursor:pointer}.check-item strong{color:#fff}.checklist-verdict{font-size:10.5px;font-weight:700;color:#ffffffb3;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.boardwalk-screen-callout{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:12px;display:flex;gap:10px;font-size:10.5px;color:#ffffffd9;line-height:1.35}.caution-icon{font-size:16px;flex-shrink:0}.boardwalk-screen-callout strong{color:#fbbf24}.appshot-footer{border-top:.5px solid var(--line);padding-top:24px}.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:16px}.footer-links a:hover{color:var(--ink)}@media(max-width:768px){.appshot-header{padding:12px 20px}.header-nav-link{display:none}.appshot-main{padding:16px 20px 40px}.app-hero{gap:14px}.app-icon-squircle{width:64px;height:64px;border-radius:15px}.app-title{font-size:21px}.phone-screen{flex:0 0 270px;width:270px;height:580px}}