:root{--mint:#00E5A0;--cyan:#00D4FF;--purple:#8B5CF6;--bg:#08080F}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body{background:var(--bg);color:rgba(255,255,255,.85);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow-x:hidden}.orb{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:0}.orb-mint{width:700px;height:700px;background:var(--mint);opacity:.06;top:-260px;left:-210px;animation:driftA 20s ease-in-out infinite}.orb-purple{width:620px;height:620px;background:var(--purple);opacity:.08;bottom:-210px;right:-160px;animation:driftB 24s ease-in-out infinite}.orb-cyan{width:420px;height:420px;background:var(--cyan);opacity:.04;top:50%;left:55%;animation:driftC 30s ease-in-out infinite}@keyframes driftA{0%,to{transform:translate(0)}50%{transform:translate(45px,35px)}}@keyframes driftB{0%,to{transform:translate(0)}50%{transform:translate(-35px,-45px)}}@keyframes driftC{0%,to{transform:translate(-50%,-50%)}33%{transform:translate(calc(-50% + 25px),calc(-50% - 18px))}66%{transform:translate(calc(-50% - 18px),calc(-50% + 25px))}}.hero{z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.bus-scene,.hero{position:relative}.bus-scene{width:800px;max-width:100%;height:340px;margin-bottom:1rem}.bus-group{position:absolute;top:28%;left:50%;transform:translate(-450%,-50%);opacity:0;animation:slideIn .7s cubic-bezier(0,0,.2,1) .3s forwards,skidStop .5s cubic-bezier(.68,-.55,.27,1.55) 1s forwards}@keyframes slideIn{0%{transform:translate(-450%,-50%);opacity:0}5%{opacity:1}to{transform:translate(-50%,-50%);opacity:1}}@keyframes skidStop{0%{transform:translate(-50%,-50%) rotate(0deg) scaleX(1) scaleY(1);transform-origin:75% 85%}15%{transform:translate(-50%,-50%) rotate(8deg) scaleX(.82) scaleY(1.06);transform-origin:75% 85%}30%{transform:translate(-50%,-50%) rotate(14deg) scaleX(.85) scaleY(1.04);transform-origin:75% 85%}50%{transform:translate(-50%,-50%) rotate(-3deg) scaleX(1.06) scaleY(.97);transform-origin:75% 85%}70%{transform:translate(-50%,-50%) rotate(2deg) scaleX(.97) scaleY(1.01);transform-origin:75% 85%}85%{transform:translate(-50%,-50%) rotate(-.5deg) scaleX(1.01) scaleY(1);transform-origin:75% 85%}to{transform:translate(-50%,-50%) rotate(0deg) scaleX(1) scaleY(1);transform-origin:75% 85%}}.wheel-spin{animation:spin .15s linear 0s 5;transform-origin:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dust{position:absolute;top:38%;left:18%;opacity:0;animation:dustPuff .6s ease-out 1.1s forwards}.dust circle{fill:none;stroke-width:1.5}@keyframes dustPuff{0%{opacity:0;transform:scale(.3) translateX(0) translateY(0)}20%{opacity:.6}to{opacity:0;transform:scale(2.5) translateX(-50px) translateY(-30px)}}.skid-marks{position:absolute;top:52%;left:0;width:100%;height:30px}.skid-line{stroke-dasharray:600;stroke-dashoffset:600}.skid-line-1{animation:drawSkid .3s ease-out .95s forwards}.skid-line-2{animation:drawSkid .3s ease-out 1.02s forwards}.skid-line-3{animation:drawSkid .3s ease-out .98s forwards}.skid-line-4{animation:drawSkid .3s ease-out 1.05s forwards}@keyframes drawSkid{to{stroke-dashoffset:0}}.logo-text{position:absolute;top:60%;left:50%;transform:translateX(-50%);opacity:0;animation:textIn .6s ease-out 1.6s forwards}@keyframes textIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.hero-tagline{opacity:0;animation:fadeUp .7s ease-out 2s forwards;text-align:center}.hero-tagline h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:rgba(255,255,255,.9);line-height:1.2;margin-bottom:.8rem;letter-spacing:-.5px}.hero-tagline h1 em{font-style:normal;background:linear-gradient(135deg,var(--mint),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline p{font-size:1.05rem;color:rgba(255,255,255,.35);max-width:500px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);opacity:0;animation:fadeUp .5s ease-out 2.5s forwards}.scroll-hint span{display:block;width:20px;height:32px;border:2px solid rgba(255,255,255,.15);border-radius:12px;position:relative}.scroll-hint span:after{content:"";width:3px;height:6px;background:rgba(255,255,255,.3);border-radius:3px;position:absolute;top:6px;left:50%;transform:translateX(-50%);animation:scrollDot 1.8s ease-in-out infinite}@keyframes scrollDot{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.3;transform:translateX(-50%) translateY(10px)}}.apps-section{position:relative;z-index:10;padding:6rem 1.5rem;max-width:900px;margin:0 auto}.section-label{font-size:.65rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:rgba(0,212,255,.5);text-align:center;margin-bottom:1rem}.section-heading{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-align:center;color:rgba(255,255,255,.9);letter-spacing:-.5px;margin-bottom:3.5rem}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.app-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:2.5rem 2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .3s,transform .2s}.app-card:hover{border-color:rgba(0,212,255,.2);transform:translateY(-4px)}.app-icon{width:72px;height:72px;border-radius:16px;margin-bottom:1.2rem}.hero-app{text-align:center;margin-bottom:4rem;padding:0 1rem}.hero-app-icon{width:120px;height:120px;border-radius:28px;box-shadow:0 12px 48px rgba(255,179,0,.25),0 0 0 1px rgba(255,179,0,.15);margin:0 auto 1.5rem;display:block}.hero-app h3{font-size:2.8rem;font-weight:700;color:#FFFFFF;letter-spacing:-1px;margin-bottom:.4rem}.hero-app h3 em{font-style:normal;color:#FFB300}.hero-app .subtitle{font-size:1.2rem;color:rgba(255,255,255,.4);margin-bottom:1.8rem}.hero-app .tagline{font-size:1.05rem;color:rgba(255,255,255,.5);line-height:1.7;max-width:520px;margin:0 auto 2.5rem}.hero-app .features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-app .feature{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:rgba(255,255,255,.45)}.hero-app .feature-dot{width:6px;height:6px;border-radius:50%;background:#FFB300;flex-shrink:0}.hero-app .app-store-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#FFB300;color:#000;font-weight:700;font-size:1rem;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;letter-spacing:-.2px}.hero-app .app-store-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,179,0,.35)}.hero-app .app-store-btn svg{width:20px;height:20px}.hero-app-phones{position:relative;display:flex;justify-content:center;align-items:center;gap:1rem;margin:0 auto 2.5rem;max-width:100%;flex-wrap:wrap}.hero-app-phones:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:440px;background:radial-gradient(ellipse,rgba(255,179,0,.12) 0,transparent 70%);border-radius:50%;z-index:0;filter:blur(50px);pointer-events:none}.phone{position:relative;width:200px;z-index:1}.phone:before{content:"";position:absolute;inset:-2px;border-radius:32px;border:2px solid rgba(255,255,255,.1);pointer-events:none;z-index:2}.phone img{width:100%;border-radius:30px;position:relative;z-index:1;box-shadow:0 18px 60px rgba(0,0,0,.55);display:block}.hero-app.skoobido-hero .hero-app-icon{box-shadow:0 12px 48px rgba(16,185,129,.25),0 0 0 1px rgba(16,185,129,.15)}.hero-app.skoobido-hero h3 em{color:#10B981}.hero-app.skoobido-hero .hero-app-phones:after{background:radial-gradient(ellipse,rgba(16,185,129,.12) 0,transparent 70%)}.hero-app.skoobido-hero .feature-dot{background:#10B981}.hero-app.skoobido-hero .learn-more{display:inline-block;margin-top:.5rem;font-size:.95rem;color:#10B981;text-decoration:none;font-weight:600}.hero-app.skoobido-hero .learn-more:hover{color:#34D399}.hero-app.skoobido-hero .beta-tag{display:inline-block;padding:4px 12px;margin-bottom:1.2rem;border-radius:100px;font-size:.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(16,185,129,.35);color:rgba(16,185,129,.85)}.hero-app.jaketrack-hero .hero-app-icon{box-shadow:0 12px 48px rgba(74,124,255,.28),0 0 0 1px rgba(74,124,255,.18)}.hero-app.jaketrack-hero h3 em{color:#4A7CFF}.hero-app.jaketrack-hero .hero-app-phones:after{background:radial-gradient(ellipse,rgba(74,124,255,.14) 0,transparent 70%)}.hero-app.jaketrack-hero .feature-dot{background:#4A7CFF}.hero-app.jaketrack-hero .learn-more{display:inline-block;margin-top:.5rem;font-size:.95rem;color:#4A7CFF;text-decoration:none;font-weight:600}.hero-app.jaketrack-hero .learn-more:hover{color:#7AA0FF}.hero-app.jaketrack-hero .client-tag{display:inline-block;padding:4px 12px;margin-bottom:1.2rem;border-radius:100px;font-size:.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(74,124,255,.35);color:rgba(74,124,255,.9)}.client-work{position:relative;z-index:10;padding:5rem 1.5rem 2rem;max-width:900px;margin:0 auto}.client-work .section-label{color:rgba(139,92,246,.55)}.client-work .section-heading{margin-bottom:3rem}.more-projects{position:relative;z-index:10;text-align:center;padding:1rem 1.5rem 4rem}.more-projects-link{display:inline-flex;align-items:center;gap:.6rem;padding:12px 24px;font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:100px;text-decoration:none;transition:color .2s,border-color .2s,transform .2s}.more-projects-link:hover{color:rgba(255,255,255,.85);border-color:rgba(139,92,246,.35);transform:translateY(-2px)}.more-projects-link span{transition:transform .2s}.more-projects-link:hover span{transform:translateX(3px)}@media (max-width:960px){.phone{width:180px}.hero-app-phones{gap:.75rem}}@media (max-width:700px){.hero-app h3{font-size:2rem}.phone{width:160px}.hero-app-phones{gap:.5rem}.hero-app .features{gap:1rem}}@media (max-width:520px){.phone{width:140px}}.app-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:.6rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.2rem}.badge-live{border:1px solid rgba(0,229,160,.3);color:rgba(0,229,160,.7)}.badge-live .dot{width:5px;height:5px;border-radius:50%;background:var(--mint);animation:dotBlink 1.5s ease-in-out infinite}.badge-dev{border:1px solid rgba(139,92,246,.3);color:rgba(139,92,246,.7)}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.2}}.app-card h3{font-size:1.4rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.3px}.app-card h3 span{background:linear-gradient(135deg,var(--mint),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-card .platform{font-size:.72rem;color:rgba(255,255,255,.25);letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem}.app-card p{font-size:.92rem;color:rgba(255,255,255,.4);line-height:1.65}.coming-soon{position:relative;z-index:10;padding:5rem 1.5rem 6rem;text-align:center}.coming-soon .divider{width:60px;height:2px;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--purple));margin:0 auto 3rem;border-radius:2px;opacity:.4}.coming-soon h2{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;color:rgba(255,255,255,.7);margin-bottom:1rem;letter-spacing:-.3px}.coming-soon p{font-size:.95rem;color:rgba(255,255,255,.25);max-width:460px;margin:0 auto;line-height:1.7}.site-footer{position:relative;z-index:10;text-align:center;padding:2rem 1.5rem 3rem;border-top:1px solid rgba(255,255,255,.05)}.site-footer p{font-size:.72rem;color:rgba(255,255,255,.15);letter-spacing:.5px}@media (max-width:700px){.bus-scene{height:260px}.bus-group svg{width:300px}.app-grid{grid-template-columns:1fr}}