@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1d1d1f;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.04)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:700;font-size:18px;letter-spacing:-.02em;color:#1d1d1f;text-decoration:none}.nav-logo span{color:#0071e3}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:#6e6e73;text-decoration:none;font-size:13px;font-weight:400;transition:color .2s}.nav-links a:hover{color:#1d1d1f}.hero{padding:120px 24px 80px;text-align:center;background:linear-gradient(180deg,#fbfbfd,#fff)}.hero-badge{display:inline-block;padding:6px 16px;background:rgba(0,113,227,.08);color:#0071e3;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:clamp(40px,7vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#1d1d1f;margin:0 0 16px}.gradient-text{background:linear-gradient(135deg,#0071e3,#00c7ff 50%,#34c759);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:clamp(18px,2.5vw,24px);color:#6e6e73;font-weight:400;max-width:640px;margin:0 auto 48px;line-height:1.5}.device-showcase{max-width:1100px;margin:0 auto;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 24px 40px}.device-bezel{background:#1d1d1f;border-radius:12px;padding:8px;position:relative;box-shadow:0 4px 40px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.06)}.device-screen{border-radius:6px;overflow:hidden;background:#000;position:relative}.device-screen img,.device-screen video{display:block;width:100%;height:100%;object-fit:cover}.device-notch{width:8px;height:8px;border-radius:50%;background:#2d2d2f;position:absolute;top:3px;left:50%;transform:translateX(-50%);z-index:2}.imac{width:42%;z-index:1;flex-shrink:0}.imac .device-bezel{border-radius:10px;padding:6px 6px 28px}.imac .device-screen{border-radius:4px;aspect-ratio:16/10}.imac-chin{height:0}.imac-stand{width:40%;height:40px;margin:0 auto;background:linear-gradient(180deg,silver,#a0a0a0);-webkit-clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.imac-base{width:55%;height:6px;margin:0 auto;background:linear-gradient(180deg,#b0b0b0,#909090);border-radius:0 0 4px 4px}.macbook{width:32%;z-index:2;margin-left:-3%;flex-shrink:0}.macbook-bezel{border-radius:8px;padding:5px}.macbook .device-screen{border-radius:4px;aspect-ratio:16/10}.macbook-keyboard{height:8px;background:linear-gradient(180deg,#c8c8c8,#999);border-radius:0 0 6px 6px;margin:0 -2px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.ipad{width:18%;z-index:3;margin-left:-2%;flex-shrink:0}.ipad-bezel{border-radius:10px;padding:6px}.ipad .device-screen{border-radius:5px;aspect-ratio:3/4}.iphone{width:11%;z-index:4;margin-left:-1.5%;flex-shrink:0}.iphone-bezel{border-radius:16px;padding:4px;background:#1d1d1f;box-shadow:0 4px 30px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1)}.iphone-notch{width:40%;height:5px;background:#1d1d1f;border-radius:0 0 8px 8px;position:absolute;top:3px;left:50%;transform:translateX(-50%);z-index:3}.iphone-screen{border-radius:12px;aspect-ratio:9/19.5}.iphone-screen,.video-upload-zone{display:flex;align-items:center;justify-content:center}.video-upload-zone{flex-direction:column;width:100%;height:100%;cursor:pointer;gap:4px;color:#86868b;transition:color .2s}.video-upload-zone:hover{color:#0071e3}.video-upload-zone span{font-size:8px;font-weight:500;text-align:center}.upload-sub{font-size:6px!important;opacity:.6}.devices-glow{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:80%;height:120px;background:radial-gradient(ellipse,rgba(0,113,227,.12) 0,transparent 70%);pointer-events:none}@media (max-width:768px){.device-showcase{flex-wrap:wrap;gap:16px;padding:0 16px 24px}.imac{width:80%;margin:0}.macbook{width:65%;margin:0}.ipad{width:35%;margin:0}.iphone{width:22%;margin:0}}.featured{padding:120px 24px;background:#f5f5f7}.featured-inner{max-width:1100px;margin:0 auto;text-align:center}.section-label{font-size:13px;font-weight:600;color:#0071e3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.capabilities h2,.contact h2,.featured h2,.philosophy h2{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.03em;margin:0 0 16px;color:#1d1d1f}.section-sub{font-size:18px;color:#6e6e73;max-width:580px;margin:0 auto 64px;line-height:1.6}.brands-grid,.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;text-align:left}.brand-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:100px;white-space:nowrap;flex-shrink:0}.badge-live{background:rgba(52,199,89,.12);color:#248a3d}.badge-soon{background:rgba(0,113,227,.1);color:#0071e3}.badge-pipeline{background:rgba(175,82,222,.1);color:#af52de}.pipeline{padding:100px 24px;background:#1d1d1f}.pipeline-inner{max-width:1100px;margin:0 auto;text-align:center}.pipeline h2{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.03em;margin:0 0 16px;color:#f5f5f7}.pipeline .section-label{color:#af52de}.pipeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px;text-align:left}.pipeline-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;transition:background .25s ease,transform .25s ease}.pipeline-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.pipeline-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.pipeline-info{flex:1 1;min-width:0}.pipeline-name{font-size:14px;font-weight:600;color:#f5f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-cat{font-size:12px;color:#86868b;margin-top:1px}.view-all-link{display:inline-block;font-size:17px;font-weight:500;color:#0071e3;text-decoration:none;padding:14px 32px;border:1.5px solid #0071e3;border-radius:100px;transition:background .25s ease,color .25s ease}.view-all-link:hover{background:#0071e3;color:#fff}.apps-hero{padding:160px 24px 80px;text-align:center;background:#fbfbfd}.apps-hero h1{font-size:clamp(40px,7vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 0 24px;color:#1d1d1f}.feature-card{background:#fff;border-radius:20px;padding:40px 32px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-3deg)}.feature-card h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#1d1d1f}.feature-card p{font-size:15px;color:#6e6e73;line-height:1.6;margin:0}.philosophy{padding:120px 24px;background:#fff;text-align:center}.philosophy-inner{max-width:800px;margin:0 auto}.philosophy p{font-size:18px;color:#6e6e73;line-height:1.8;margin:0 0 20px}.stats-row{display:flex;justify-content:center;gap:64px;margin-top:64px;flex-wrap:wrap}.stat-number{font-size:48px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#0071e3,#34c759);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease}.stat-number:hover{transform:scale(1.05)}.stat-label{font-size:14px;color:#6e6e73;margin-top:4px}.capabilities{padding:120px 24px;background:#1d1d1f;color:#f5f5f7}.capabilities-inner{max-width:1100px;margin:0 auto;text-align:center}.capabilities h2{color:#f5f5f7}.capabilities .section-sub{color:#86868b}.caps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;text-align:left}.cap-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:32px 28px;transition:background .3s ease}.cap-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px)}.cap-icon{margin-bottom:16px;color:#0071e3;transition:transform .3s ease,color .3s ease}.cap-card:hover .cap-icon{transform:translateY(-2px);color:#34c759}.cap-card h3{font-size:17px;font-weight:600;margin:0 0 8px;color:#f5f5f7}.cap-card p{font-size:14px;color:#86868b;line-height:1.5;margin:0}.contact{padding:120px 24px;background:#f5f5f7;text-align:center}.contact-inner{max-width:560px;margin:0 auto}.contact-sub{font-size:17px;color:#6e6e73;margin:0 0 40px;line-height:1.5}.contact-form{display:flex;gap:12px;max-width:460px;margin:0 auto 24px}.contact-input{flex:1 1;padding:14px 20px;border:1px solid #d2d2d7;border-radius:12px;font-size:15px;font-family:inherit;background:#fff;outline:none;transition:border-color .2s}.contact-input:focus{border-color:#0071e3}.contact-btn{padding:14px 28px;background:#0071e3;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s;white-space:nowrap}.contact-btn:hover{background:#0077ed}.contact-btn:disabled{background:#86868b}.contact-email{font-size:14px;color:#86868b}.contact-email a{color:#0071e3;text-decoration:none}.success-msg{background:rgba(52,199,89,.08);color:#248a3d;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:500;max-width:460px;margin:0 auto}.footer{padding:32px 24px;border-top:1px solid rgba(0,0,0,.06)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-left{font-size:13px;color:#86868b}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:13px;color:#6e6e73;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#1d1d1f}@media (max-width:768px){.nav-links{display:none}.hero{padding:100px 20px 60px}.stats-row{gap:40px}.contact-form{flex-direction:column}.footer-inner{justify-content:center;text-align:center}}