.ios-landing-page{position:relative;min-height:100vh;color:#fff;overflow-x:hidden}.ios-main-content{position:relative;z-index:10;padding-bottom:80px}.glass-card{background:#0d0d10a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px}.section-header{text-align:center;margin-bottom:40px;padding:0 20px}.section-kicker{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:#fff9;margin-bottom:8px}.section-header h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);margin:0;background:linear-gradient(to right,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ios-hero-section{padding:120px 20px 60px;max-width:1200px;margin:0 auto}.ios-hero-container{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.ios-hero-content{text-align:center;display:flex;flex-direction:column;align-items:center}.ios-pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:.85rem;font-weight:500;margin-bottom:40px;animation:fadeInDown .8s ease-out}.ios-hero-title{font-family:var(--font-serif);font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.1;margin:0 0 8px;max-width:15ch;animation:fadeInUp .8s ease-out .1s both}.ios-hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:#fffc;max-width:50ch;margin:0 0 32px;animation:fadeInUp .8s ease-out .2s both}.ios-app-store-button{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#000;padding:10px 24px;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:fadeInUp .8s ease-out .3s both}.ios-app-store-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff26}.ios-app-store-button.large{padding:14px 32px;border-radius:16px}.ios-btn-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.ios-btn-small{font-size:.7rem;font-weight:500}.ios-btn-large{font-size:1.1rem;font-weight:700}.ios-desktop-qr-widget{display:flex;align-items:center;gap:16px;margin-top:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:16px;animation:fadeInUp .8s ease-out .4s both}.qr-preview{width:64px;height:64px;background:#fff;border-radius:8px;padding:4px;display:grid;place-items:center}.qr-preview img{width:100%;height:100%;display:block}.qr-info{text-align:left}.qr-label{margin:0 0 4px;font-size:.9rem;font-weight:600}.qr-copy-link{font-size:.8rem;color:#fff9;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.qr-copy-link:hover{color:#fff}.ios-hero-visual{display:grid;place-items:center;perspective:1000px;margin-top:40px}.ios-device-mockup{width:300px;height:600px;background:#000;border-radius:50px;border:8px solid #1a1a1a;box-shadow:0 0 0 2px #333,0 0 50px #00000080,0 20px 40px #0006;position:relative;overflow:hidden;transform:none}.ios-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:30px;background:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:20}.ios-button-power{position:absolute;top:100px;right:-12px;width:4px;height:40px;background:#333;border-top-right-radius:2px;border-bottom-right-radius:2px}.ios-button-volume-up{position:absolute;top:100px;left:-12px;width:4px;height:40px;background:#333;border-top-left-radius:2px;border-bottom-left-radius:2px}.ios-button-volume-down{position:absolute;top:150px;left:-12px;width:4px;height:40px;background:#333;border-top-left-radius:2px;border-bottom-left-radius:2px}.ios-screen-content{width:100%;height:100%;position:relative;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e);overflow:hidden}.ios-screen-img{width:100%;height:100%;object-fit:cover;opacity:.8}.ios-mock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;z-index:5}.ios-mock-header{display:flex;justify-content:space-between;align-items:center;padding-top:14px;padding-left:12px;padding-right:12px;font-size:14px;font-weight:600;color:#fff}.ios-mock-status{display:flex;gap:6px;align-items:center}.ios-battery{width:20px;height:10px;border:1px solid rgba(255,255,255,.5);border-radius:3px;position:relative}.ios-battery:after{content:"";position:absolute;inset:1px;background:#fff}.ios-mock-location-card{margin-top:auto;margin-bottom:20px;padding:16px;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:16px}.mock-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mock-city{font-weight:700;font-size:1.1rem}.mock-badge{font-size:.7rem;background:#f7d68d33;color:#f7d68d;padding:4px 8px;border-radius:6px;text-transform:uppercase;font-weight:600}.mock-desc{font-size:.85rem;color:#fffc;margin:0}.ios-mock-bottom-nav{display:grid;grid-template-columns:1fr 1fr 1fr;background:#161616e6;padding:16px 0 24px;border-radius:30px;margin-bottom:-16px;margin-left:-16px;margin-right:-16px}.nav-item{display:grid;place-items:center;color:#fff6}.nav-item.active{color:#f7d68d}.ios-story-section{max-width:800px;margin:0 auto;padding:60px 20px;text-align:center}.ios-story-card{padding:40px}.ios-story-card h2{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:20px;color:#f7d68d}.ios-story-card p{color:#fffc;line-height:1.7;font-size:1.05rem;margin-bottom:16px}.ios-features-section{padding:60px 20px;max-width:1200px;margin:0 auto}.ios-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:60px}.ios-feature-card{padding:24px;display:flex;flex-direction:column;gap:16px;height:100%}.feature-icon-wrapper{background:#ffffff14;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#f7d68d}.ios-feature-card h3{margin:0;font-size:1.2rem;font-weight:600}.ios-feature-card p{color:#ffffffb3;line-height:1.5;margin:0}.ios-comparison-table{padding:30px;overflow-x:auto}.ios-comparison-table h3{text-align:center;margin-top:0;margin-bottom:24px;font-family:var(--font-serif);font-size:1.5rem}.comparison-rows{min-width:500px}.comparison-header-row,.comparison-row{display:grid;grid-template-columns:2fr 1fr 1.5fr;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.comparison-header-row{font-weight:700;color:#ffffff80;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.col-feat{font-weight:500}.col-web{color:#fff6;text-align:center}.col-ios{text-align:center}.col-ios.highlight{color:#f7d68d;font-weight:600}.ios-testimonials-section{padding:60px 20px;max-width:1200px;margin:0 auto}.ios-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ios-testimonial-card{padding:24px}.ios-testimonial-card .stars{display:flex;gap:4px;margin-bottom:16px}.ios-testimonial-card .quote{font-size:1.05rem;line-height:1.6;margin-bottom:20px;font-style:italic;color:#ffffffe6}.author-info{display:flex;flex-direction:column}.author-info .name{font-weight:700}.author-info .role{font-size:.85rem;color:#fff9}.ios-pricing-section{padding:60px 20px;max-width:1000px;margin:0 auto}.ios-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.ios-pricing-card{padding:32px;display:flex;flex-direction:column;transition:transform .3s}.ios-pricing-card.highlight{border-color:#f7d68d;background:#f7d68d0d}.ios-pricing-card:hover{transform:translateY(-5px)}.tier-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.tier-header h3{font-size:1.4rem;margin:0 0 12px}.price{display:flex;align-items:baseline;justify-content:center;margin-bottom:8px}.amount{font-size:2.5rem;font-weight:700}.period{font-size:1rem;color:#fff9}.tier-desc{font-size:.9rem;color:#ffffffb3;margin:0}.tier-features{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.tier-features li{display:flex;gap:12px;margin-bottom:12px;font-size:.95rem;color:#ffffffd9}.tier-cta{display:block;text-align:center;padding:14px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .2s}.tier-cta.primary{background:#f7d68d;color:#000}.tier-cta.primary:hover{background:#ffe3a3;transform:translateY(-2px)}.tier-cta.secondary{background:#ffffff1a;color:#fff}.tier-cta.secondary:hover{background:#fff3}.ios-faq-section{padding:60px 20px;max-width:800px;margin:0 auto}.ios-faq-container{padding:20px 32px}[data-state=open]>.accordion-trigger{color:#f7d68d!important}.ios-final-cta{padding:80px 20px 40px;text-align:center}.final-cta-content h2{font-family:var(--font-serif);font-size:2rem;margin-bottom:32px}.final-cta-content .ios-app-store-button{margin:0 auto}.ios-config-note{position:fixed;bottom:20px;right:20px;background:#000c;padding:8px 12px;border-radius:8px;font-size:.8rem;color:#ffffffb3;z-index:100}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.2)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-6deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatHero{0%{transform:rotateY(-10deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(5deg) translateY(-20px)}to{transform:rotateY(-10deg) rotateX(5deg) translateY(0)}}.orbiting-planets-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;overflow:visible}.center-earth{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:10;pointer-events:none}.center-earth-img{width:100%;height:100%;object-fit:contain;opacity:.6;filter:brightness(.7) saturate(.8);animation:earth-rotate 40s linear infinite}@keyframes earth-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.center-earth{width:70px;height:70px}}.orbit-group{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.orbit-group:nth-child(1){z-index:5}.orbit-group:nth-child(2){z-index:4}.orbit-group:nth-child(3){z-index:3}.orbit-group:nth-child(4){z-index:2}.orbit-group:nth-child(5){z-index:1}.orbit-path{position:absolute;top:50%;left:50%;width:calc(var(--orbit-radius) * 2 - 30px);height:calc(var(--orbit-radius) * 2 - 30px);transform:translate(-50%,-50%);border:15px solid transparent;outline:1px solid rgba(147,112,219,.15);outline-offset:0;border-radius:50%;opacity:0;animation:orbit-path-fade-in 2s ease-out forwards;box-shadow:0 0 8px #9370db1a,inset 0 0 8px #9370db0d;transition:outline-color .3s ease,box-shadow .3s ease,outline-width .3s ease;pointer-events:auto;cursor:pointer;box-sizing:content-box}.orbit-group:nth-child(2) .orbit-path{outline-color:#6495ed26;box-shadow:0 0 8px #6495ed1a,inset 0 0 8px #6495ed0d}.orbit-group:nth-child(4) .orbit-path{outline-color:#ffb6c11f;box-shadow:0 0 8px #ffb6c114,inset 0 0 8px #ffb6c10a}@keyframes orbit-path-fade-in{to{opacity:1}}.orbiting-planet{position:absolute;top:50%;left:50%;width:var(--planet-size);height:var(--planet-size);transform-origin:center;animation:planet-orbit var(--orbit-duration, 50s) linear infinite;animation-delay:calc(var(--start-angle) / 360 * var(--orbit-duration) * -1);pointer-events:auto;cursor:pointer}.orbiting-planet-img{width:100%;height:100%;object-fit:contain;opacity:.7;filter:grayscale(.2) brightness(1.1);animation:planet-self-rotate 30s linear infinite,planet-fade-in 1s ease-out forwards;will-change:transform;transition:transform .3s ease,opacity .3s ease,filter .3s ease}@keyframes planet-fade-in{0%{opacity:0}to{opacity:.7}}.orbiting-planet:hover .orbiting-planet-img{transform:scale(1.5)!important;opacity:1!important;filter:grayscale(0) brightness(1.3) drop-shadow(0 0 15px rgba(147,112,219,.8))!important}.orbit-group:has(.orbiting-planet:hover) .orbit-path{outline-color:#9370db80;outline-width:2px;box-shadow:0 0 20px #9370db66,inset 0 0 20px #9370db33}@keyframes planet-orbit{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translate(var(--orbit-radius)) rotate(0)}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 360deg)) translate(var(--orbit-radius)) rotate(0)}}@keyframes planet-self-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.orbit-path{width:calc(var(--orbit-radius-mobile) * 2 - 20px);height:calc(var(--orbit-radius-mobile) * 2 - 20px);border-width:10px}.orbiting-planet{width:var(--planet-size-mobile);height:var(--planet-size-mobile)}@keyframes planet-orbit{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translate(var(--orbit-radius-mobile)) rotate(calc(var(--start-angle) * -1))}to{transform:translate(-50%,-50%) rotate(calc(var(--start-angle) + 360deg)) translate(var(--orbit-radius-mobile)) rotate(calc((var(--start-angle) + 360deg) * -1))}}.orbiting-planet-img{opacity:.5}}@media(min-width:961px){.ios-hero-container{grid-template-columns:1fr 1fr;text-align:left}.ios-hero-content{align-items:flex-start;text-align:left}.ios-features-section{padding:100px 20px}}@media(max-width:960px){.ios-hero-visual{margin-top:0;transform:scale(.9)}.ios-device-mockup{animation:none;transform:rotateY(0) rotateX(0);box-shadow:0 10px 30px #00000080}.section-header h2{font-size:2rem}}.ios-hero-3d-container{perspective:1000px}.ios-hero-iphone-wrapper{transform:rotateY(-6deg) rotateX(3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.ios-hero-iphone-wrapper:hover{transform:rotateY(0) rotateX(0) scale(1.02)}
