@import "https://fonts.googleapis.com/css2?family=Syne:wght@800&family=Inter:wght@400;500;600;700&display=swap";
.mesh-gradient{z-index:0;background:var(--background);pointer-events:none;transition:background .5s;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(100px);opacity:.25;mix-blend-mode:screen;border-radius:50%;width:clamp(500px,70vw,1000px);height:clamp(500px,70vw,1000px);animation:20s ease-in-out infinite mesh-move;position:absolute}html:not(.dark) .blob{opacity:.15;mix-blend-mode:multiply;filter:blur(140px)}.blob-1{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);animation-duration:25s;top:-15%;left:-10%}.blob-2{opacity:.2;background:radial-gradient(circle,#ec4899 0%,#0000 70%);animation-duration:18s;animation-delay:-5s;top:30%;right:-10%}.blob-3{background:radial-gradient(circle,#10b981 0%,#0000 70%);animation-duration:22s;animation-delay:-10s;bottom:-15%;left:15%}.blob-4{opacity:.15;background:radial-gradient(circle,#f59e0b 0%,#0000 70%);animation-delay:-15s;bottom:15%;right:10%}@keyframes mesh-move{0%,to{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(8%,-10%)scale(1.15)rotate(5deg)}66%{transform:translate(-5%,12%)scale(.85)rotate(-5deg)}}.apple-promo{background-color:var(--background);color:var(--foreground);padding:clamp(140px,18vh,200px) 0 15vh;font-family:Inter,sans-serif;transition:background-color .5s,color .5s;position:relative;overflow:hidden}.container{z-index:2;max-width:1400px;margin:0 auto;padding:0 5vw;position:relative}.hero-bundle{max-width:1000px;margin-bottom:25vh}.hero-top{align-items:center;gap:24px;margin-bottom:48px;display:flex}.hero-label{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-secondary);border-left:1px solid var(--color-border);padding-left:24px;font-size:.8rem;font-weight:700}.hero-title{letter-spacing:-.05em;color:var(--foreground);margin-bottom:40px;font-family:Syne,sans-serif;font-size:clamp(3.2rem,9vw,8.5rem);font-weight:800;line-height:.95}.hero-static{background:linear-gradient(to bottom,var(--foreground)60%,var(--color-text-secondary));-webkit-text-fill-color:transparent;opacity:.9;-webkit-background-clip:text;background-clip:text;margin-right:.1em}.hero-rotating{-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #0000001a);-webkit-background-clip:text;background-clip:text;transition:all .6s cubic-bezier(.16,1,.3,1);display:inline-block}.hero-subtitle{color:var(--color-text-secondary);max-width:700px;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:400;line-height:1.6}.invisible-grid{grid-template-columns:repeat(12,1fr);gap:15vh 64px;display:grid}.feature-bundle{opacity:0;transition:opacity 1.2s,transform 1.2s cubic-bezier(.16,1,.3,1),background .8s,border-color .8s;transition-delay:var(--delay,0s);background:var(--color-secondary);-webkit-backdrop-filter:blur(40px);border:1px solid var(--color-border);border-radius:48px;padding:60px;display:flex;position:relative;overflow:hidden;transform:translateY(40px);box-shadow:0 40px 100px #00000014}.blue-tint{background:linear-gradient(135deg,#3b82f60d 0%,var(--color-secondary)100%);border-top:4px solid #3b82f6}.green-tint{background:linear-gradient(135deg,#10b9810d 0%,var(--color-secondary)100%);border-top:4px solid #10b981}.purple-tint{background:linear-gradient(135deg,#a855f70d 0%,var(--color-secondary)100%);border-top:4px solid #a855f7}.amber-tint{background:linear-gradient(135deg,#f59e0b0d 0%,var(--color-secondary)100%);border-top:4px solid #f59e0b}html.dark .feature-bundle{background:#ffffff08}html.dark .blue-tint{background:linear-gradient(135deg,#3b82f614 0%,#ffffff05 100%)}html.dark .green-tint{background:linear-gradient(135deg,#10b98114 0%,#ffffff05 100%)}html.dark .purple-tint{background:linear-gradient(135deg,#a855f714 0%,#ffffff05 100%)}html.dark .amber-tint{background:linear-gradient(135deg,#f59e0b14 0%,#ffffff05 100%)}.feature-bundle.reveal{opacity:1;transform:translateY(0)}.feature-bundle:hover{transform:scale(1.02)translateY(-8px);box-shadow:0 50px 120px #0000001f}.feature-bundle.blue-tint:hover{border-color:#3b82f6}.feature-bundle.green-tint:hover{border-color:#10b981}.feature-bundle.purple-tint:hover{border-color:#a855f7}.feature-bundle.amber-tint:hover{border-color:#f59e0b}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.flex-row{flex-direction:row;align-items:center;gap:60px}.flex-row-rev{flex-direction:row-reverse;align-items:center;gap:60px}.flex-col{flex-direction:column;justify-content:space-between;gap:40px}.bundle-info{z-index:2;flex:1;position:relative}.bundle-eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:var(--color-text-secondary);margin-bottom:24px;font-size:.75rem;font-weight:800;display:block}.bundle-heading{letter-spacing:-.02em;color:var(--foreground);margin-bottom:24px;font-family:Syne,sans-serif;font-size:clamp(1.8rem,2.5vw,3rem);font-weight:800;line-height:1.1}.feature-bundle.blue-tint .bundle-eyebrow{color:#3b82f6;opacity:.8}.feature-bundle.green-tint .bundle-eyebrow{color:#10b981;opacity:.8}.feature-bundle.purple-tint .bundle-eyebrow{color:#a855f7;opacity:.8}.feature-bundle.amber-tint .bundle-eyebrow{color:#f59e0b;opacity:.8}.bundle-heading span{color:var(--foreground);opacity:.4}.bundle-text{color:var(--color-text-secondary);max-width:440px;font-size:1.15rem;line-height:1.6}.bundle-metric{margin-top:40px}.metric-num{color:var(--color-primary);letter-spacing:-.05em;background:linear-gradient(135deg,var(--color-primary)0%,#2dd4bf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;display:block}.metric-unit{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:1px;font-size:.8rem;font-weight:800}.bundle-graphic{flex:1;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.card-svg{z-index:2;filter:drop-shadow(0 20px 40px #00000026);width:100%;max-width:380px;height:auto;position:relative}.spotlight{filter:blur(80px);opacity:.1;z-index:1;pointer-events:none;border-radius:50%;width:160%;height:160%;transition:all .8s;position:absolute}.feature-bundle:hover .spotlight{opacity:.25;filter:blur(60px)}.blue{background:radial-gradient(circle,#3b82f666 0%,#0000 70%)}.green{background:radial-gradient(circle,#10b98166 0%,#0000 70%)}.purple{background:radial-gradient(circle,#a855f766 0%,#0000 70%)}.amber{background:radial-gradient(circle,#f59e0b66 0%,#0000 70%)}.install-btn-wrapper{z-index:5;position:relative}.install-btn{color:#fff;cursor:pointer;text-transform:none;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:100px;align-items:center;gap:12px;padding:12px 28px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #2563eb4d}.install-btn:hover{filter:brightness(1.1);transform:translateY(-4px)scale(1.05);box-shadow:0 20px 40px #2563eb80}.install-btn-wrapper:after{content:"";opacity:.3;filter:blur(15px);z-index:-1;background:radial-gradient(circle,#3b82f6 0%,#0000 70%);animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:-12px}@keyframes pulse-glow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width:1024px){.invisible-grid{gap:10vh 0}.span-8,.span-4{grid-column:span 12}.flex-row,.flex-row-rev{text-align:center;flex-direction:column;gap:40px}.bundle-text{margin:0 auto}.hero-title{font-size:clamp(3rem,12vw,6rem)}}@media (max-width:640px){.feature-bundle{border-radius:32px;padding:30px}.hero-top{flex-direction:column;align-items:flex-start;gap:20px}.hero-label{border-left:none;border-top:1px solid var(--color-border);width:100%;padding-top:20px;padding-left:0}}