.landing-page{--bg:#0a0a0f;--surface:#12121a;--card:#1a1a28;--accent:#f97316;--accent2:#fb923c;--accent-glow:#f973164d;--teal:#2dd4bf;--teal-glow:#2dd4bf4d;--purple:#a78bfa;--text:#f1f1f4;--muted:#8888a4;--radius:20px;background:var(--bg);color:var(--text);min-height:100vh;font-family:var(--font-outfit),"Outfit",sans-serif;overflow-x:hidden}.landing-page:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");height:100%;position:absolute;inset:0}.landing-nav{z-index:100;will-change:transform;contain:layout style;background:#0a0a0feb;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;width:100%;padding:20px 40px;display:flex;position:fixed;top:0;left:0}.landing-logo{letter-spacing:-.5px;color:var(--text);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-links a{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.landing-nav-links a:hover{color:var(--text)}.nav-cta{border-radius:50px;padding:10px 24px;background:var(--accent)!important;color:#000!important;align-items:center!important;gap:6px!important;font-weight:600!important;transition:transform .3s,box-shadow .3s!important;display:inline-flex!important}.nav-cta:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative}.hero-bg-orb{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.hero-bg-orb.one{background:radial-gradient(circle,#f9731626 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float;top:-100px;right:-100px}.hero-bg-orb.two{background:radial-gradient(circle,#2dd4bf1a 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-50px;left:-50px}.hero-content{z-index:2;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;width:100%;max-width:1300px;display:grid;position:relative}.hero-text .hero-badge{animation:.7s ease-out .1s both fadeUp}.hero-text .hero-title{animation:.7s ease-out .3s both fadeUp}.hero-text .hero-desc{animation:.7s ease-out .5s both fadeUp}.hero-text .hero-actions{animation:.7s ease-out .7s both fadeUp}.hero-badge{color:var(--accent2);background:#f973161a;border:1px solid #f9731640;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hero-title{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:900;line-height:1.05}.hero-title .highlight{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title .italic-serif{font-family:var(--font-playfair),"Playfair Display",serif;-webkit-text-fill-color:var(--teal);font-style:italic}.hero-desc{color:var(--muted);max-width:500px;margin-bottom:40px;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff;font-size:1rem;font-weight:700;font-family:var(--font-outfit),"Outfit",sans-serif;cursor:pointer;border:none;border-radius:60px;align-items:center;gap:8px;padding:16px 36px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-3px)}.btn-secondary{color:var(--text);font-size:1rem;font-weight:600;font-family:var(--font-outfit),"Outfit",sans-serif;cursor:pointer;background:0 0;border:1.5px solid #ffffff26;border-radius:60px;padding:16px 36px;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#ffffff0a;border-color:#fff6}.hero-3d{perspective:1800px;justify-content:center;align-items:center;min-height:520px;animation:1s ease-out .3s both fadeUp;display:flex}.bone-wrapper{width:500px;height:440px;position:relative}.glow-ring{pointer-events:none;border-radius:50%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.gr1{will-change:transform,opacity;border:1.5px solid #f9731612;width:480px;height:360px;animation:4s ease-in-out infinite ringPulse}.gr2{will-change:transform,opacity;border:1px solid #f973160a;width:540px;height:400px;animation:4s ease-in-out 1.2s infinite ringPulse}.fp{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.fp1{background:var(--accent);opacity:.6;width:6px;height:6px;animation:6s ease-in-out infinite drift;top:5%;left:8%}.fp2{background:var(--teal);opacity:.5;width:4px;height:4px;animation:8s ease-in-out infinite reverse drift;top:85%;right:8%}.bone-3d{transform-style:preserve-3d;cursor:pointer;will-change:transform;width:0;height:0;position:absolute;top:55%;left:50%}.bone-face{backface-visibility:hidden;width:520px;height:240px;transform-style:preserve-3d;position:absolute;top:-120px;left:-260px}.bone-plate{clip-path:url(#boneClip);position:absolute;inset:0}.bone-front .bone-plate{background:radial-gradient(at 30% 25%,#ffffff59 0%,#0000 50%),radial-gradient(at 70% 75%,#ffffff1a 0%,#0000 40%),linear-gradient(155deg,#c8c8d4 0%,#e4e4ec 20%,#f2f2f6 35%,#dcdce6 50%,#c8c8d4 65%,#e0e0e8 80%,#d0d0dc 100%)}.bone-front{z-index:2;transform:translateZ(4px)}.bone-front .bone-edge-layer{clip-path:url(#boneClip);background:linear-gradient(#00000008,#0000001f);position:absolute;inset:0;transform:translateZ(-1px)}.bone-back{transform:translateZ(-4px)rotateY(180deg)}.bone-back .bone-plate{background:radial-gradient(at 60% 30%,#fff3 0%,#0000 50%),linear-gradient(155deg,#bbbbc8 0%,#d5d5e0 30%,#e0e0ea 50%,#ccccd8 70%,#bbbbc8 100%)}.front-content{z-index:3;clip-path:url(#boneClip);flex-direction:column;justify-content:center;align-items:center;padding:30px 60px;display:flex;position:absolute;inset:0}.front-content .scan-label{color:#777;letter-spacing:3px;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;font-size:.55rem;font-weight:700;position:absolute;top:50%;left:95px;transform:translateY(-50%)rotate(180deg)}.front-paw{filter:grayscale(.5);opacity:.7;margin-bottom:2px;font-size:1.4rem}.front-brand{color:#3a3a4a;letter-spacing:-.3px;font-size:1.05rem;font-weight:800}.front-sub{color:#888;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-size:.5rem}.qr-block{background:#fff;border-radius:8px;width:106px;height:106px;padding:6px;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.qr-inner{grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);gap:.5px;width:100%;height:100%;display:grid}.qr-inner span{border-radius:1px}.qr-inner .b{background:#555}.qr-inner .w{background:#fff}.qr-scanline{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;border-radius:2px;height:2px;animation:3s ease-in-out infinite qrScan;position:absolute;left:6px;right:6px}.front-scanme{color:#999;letter-spacing:2.5px;text-transform:uppercase;margin-top:6px;font-size:.55rem;font-weight:700}.shine{clip-path:url(#boneClip);pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:80px;height:400%;animation:5s ease-in-out infinite shineMove;position:absolute;top:-150%;left:-100px;transform:rotate(25deg)}.back-content{z-index:3;clip-path:url(#boneClip);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 60px;display:flex;position:absolute;inset:0}.back-avatar{background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;font-size:1rem;display:flex;box-shadow:0 2px 10px #0d94884d}.back-name{color:#2a2a3a;font-size:.85rem;font-weight:800}.back-breed{color:#777;font-size:.55rem}.back-tags{gap:5px;margin-top:4px;display:flex}.back-tags span{color:#0d9488;background:#0d94881a;border:1px solid #0d948826;border-radius:12px;padding:2px 8px;font-size:.5rem;font-weight:600}.back-id{color:#bbb;letter-spacing:2px;margin-top:3px;font-size:.4rem}.ring-hook{z-index:10;width:44px;height:44px;position:absolute;top:-36px;left:50%;transform:translate(-50%)translateZ(2px)}.ring-outer{background:linear-gradient(145deg,#888,#aaa,#999) padding-box padding-box,linear-gradient(145deg,#777,#bbb,#888) border-box;border:5px solid #0000;border-radius:50%;width:44px;height:44px;position:relative;box-shadow:0 3px 12px #0000004d,inset 0 1px #ffffff40}.ring-outer:after{content:"";border:2px solid #ffffff14;border-radius:50%;position:absolute;inset:3px}.bone-shadow{pointer-events:none;will-change:transform,opacity;background:radial-gradient(#f973160f 0%,#0000 65%);border-radius:50%;width:350px;height:60px;animation:6s ease-in-out infinite shadowPulse;position:absolute;top:75%;left:50%;transform:translate(-50%)}.stats-bar{z-index:2;justify-content:center;padding:40px;display:flex;position:relative}.stats-inner{background:var(--surface);border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:900px;display:flex;overflow:hidden}.stat-item{text-align:center;border-right:1px solid #ffffff0a;flex:1;padding:36px 24px;transition:background .3s}.stat-item:last-child{border:none}.stat-item:hover{background:#ffffff05}.stat-num{letter-spacing:-1px;background:linear-gradient(135deg,var(--accent),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900}.stat-label{color:var(--muted);margin-top:6px;font-size:.8rem;font-weight:500}.section-title{text-align:center;margin-bottom:60px}.section-title .tag-line{text-transform:uppercase;letter-spacing:4px;color:var(--accent);margin-bottom:12px;font-size:.8rem;font-weight:700}.section-title h2{letter-spacing:-1.5px;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.section-title p{color:var(--muted);margin-top:16px;max-width:550px;margin-inline:auto;line-height:1.7}.how-section{padding:100px 40px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto;display:grid}.step-card{background:var(--surface);border-radius:var(--radius);border:1px solid #ffffff0d;padding:48px 36px;transition:transform .4s,border-color .4s;position:relative;overflow:hidden}.step-card:hover{border-color:#f9731633;transform:translateY(-8px)}.step-card:before{content:"";background:linear-gradient(90deg,var(--accent),transparent);opacity:0;width:100%;height:3px;transition:opacity .4s;position:absolute;top:0;left:0}.step-card:hover:before{opacity:1}.step-num{color:#ffffff0a;font-size:4rem;font-weight:900;line-height:1;position:absolute;top:16px;right:24px}.step-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:1.5rem;display:flex}.step-card:first-child .step-icon{background:#f973161f}.step-card:nth-child(2) .step-icon{background:#2dd4bf1f}.step-card:nth-child(3) .step-icon{background:#a78bfa1f}.step-card h3{letter-spacing:-.5px;margin-bottom:12px;font-size:1.25rem;font-weight:700}.step-card p{color:var(--muted);font-size:.95rem;line-height:1.7}.features-section{padding:100px 40px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--surface);border-radius:var(--radius);border:1px solid #ffffff0d;gap:20px;padding:40px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.feature-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.feature-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.feature-card:first-child .feature-icon{background:#f973161f}.feature-card:nth-child(2) .feature-icon{background:#2dd4bf1f}.feature-card:nth-child(3) .feature-icon{background:#a78bfa1f}.feature-card:nth-child(4) .feature-icon{background:#fbbf241f}.feature-card:nth-child(5) .feature-icon{background:#f43f5e1f}.feature-card:nth-child(6) .feature-icon{background:#38bdf81f}.feature-info h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-info p{color:var(--muted);font-size:.9rem;line-height:1.65}.mockup-section{padding:100px 40px;overflow:hidden}.mockup-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.phone-mockup{background:var(--card);border:4px solid #2a2a3a;border-radius:40px;width:300px;height:600px;margin:0 auto;animation:6s ease-in-out infinite phoneFloat;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000080,0 0 100px #f9731614}.phone-notch{background:#0a0a0f;border-radius:0 0 20px 20px;width:120px;height:28px;margin:0 auto}.phone-screen{text-align:center;padding:20px}.notification{text-align:left;background:#f973161a;border:1px solid #f9731633;border-radius:16px;margin-bottom:20px;padding:16px}.notif-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.notif-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.notif-app{color:var(--accent2);text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700}.notif-title{margin-bottom:4px;font-size:.85rem;font-weight:700}.notif-body{color:var(--muted);font-size:.75rem;line-height:1.5}.phone-pet-card{background:var(--surface);border:1px solid #ffffff0f;border-radius:20px;padding:24px}.phone-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:2rem;display:flex}.phone-pet-name{font-size:1.2rem;font-weight:800}.phone-pet-breed{color:var(--muted);margin-top:2px;font-size:.8rem}.phone-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.meta-item{background:#ffffff08;border-radius:12px;padding:12px 8px}.meta-item .label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.6rem}.meta-item .value{margin-top:4px;font-size:.85rem;font-weight:700}.phone-btn{background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:16px;padding:14px;font-size:.85rem;font-weight:700}.mockup-text h2{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1.1}.mockup-text p{color:var(--muted);margin-bottom:32px;font-size:1.05rem;line-height:1.7}.check-list{flex-direction:column;gap:16px;display:flex}.check-item{align-items:center;gap:12px;font-weight:500;display:flex}.check-icon{width:28px;height:28px;color:var(--teal);background:#2dd4bf1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.pricing-section{padding:100px 40px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.price-card{background:var(--surface);border-radius:var(--radius);text-align:center;border:1px solid #ffffff0d;padding:44px 36px;transition:transform .3s;position:relative}.price-card:hover{transform:translateY(-6px)}.price-card.popular{border-color:var(--accent);background:linear-gradient(180deg,#f973160f,var(--surface))}.popular-badge{background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:50px;padding:6px 20px;font-size:.7rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.price-name{color:var(--muted);margin-bottom:16px;font-size:1rem;font-weight:700}.price-amount{letter-spacing:-2px;margin-bottom:4px;font-size:3rem;font-weight:900}.price-amount span{color:var(--muted);font-size:1rem;font-weight:500}.price-note{color:var(--muted);margin-bottom:32px;font-size:.8rem}.price-features{text-align:left;flex-direction:column;gap:12px;margin-bottom:32px;padding:0;list-style:none;display:flex}.price-features li{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.price-features li:before{content:"✓";color:var(--teal);font-weight:700}.price-btn{cursor:pointer;width:100%;font-size:.95rem;font-weight:700;font-family:var(--font-outfit),"Outfit",sans-serif;border:none;border-radius:50px;padding:14px;transition:all .3s}.price-btn.primary{background:linear-gradient(135deg,var(--accent),#ea580c);color:#fff}.price-btn.primary:hover{box-shadow:0 8px 30px var(--accent-glow)}.price-btn.outline{color:var(--text);background:0 0;border:1.5px solid #ffffff1f}.price-btn.outline:hover{border-color:#ffffff4d}.cta-section{padding:100px 40px}.cta-box{text-align:center;background:linear-gradient(135deg,#f973161a,#2dd4bf0d);border:1px solid #f9731626;border-radius:32px;max-width:900px;margin:0 auto;padding:80px 60px;position:relative;overflow:hidden}.cta-box:before{content:"";background:radial-gradient(circle,#f973161a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.cta-box h2{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:900;position:relative}.cta-box p{color:var(--muted);max-width:500px;margin:0 auto 36px;line-height:1.7;position:relative}.safepet-hero{padding:100px 40px 60px;position:relative;overflow:hidden}.safepet-steps{padding:40px 40px 120px;position:relative}.safepet-steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto;display:grid}.landing-footer{border-top:1px solid #ffffff0a;padding:60px 40px 30px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:40px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{max-width:300px}.footer-brand .landing-logo{margin-bottom:12px}.footer-brand p{color:var(--muted);font-size:.85rem;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:16px;font-size:.8rem}.footer-col a{color:#ffffff80;align-items:center;gap:6px;margin-bottom:10px;font-size:.9rem;text-decoration:none;transition:color .3s;display:flex}.footer-col a:hover{color:var(--text)}.footer-bottom{text-align:center;max-width:1100px;color:var(--muted);border-top:1px solid #ffffff0a;margin:40px auto 0;padding-top:20px;font-size:.8rem}.scroll-reveal{opacity:0;will-change:opacity,transform;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.how-section,.features-section,.mockup-section,.pricing-section,.cta-section,.safepet-hero,.safepet-steps,.stats-bar{contain:content}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes phoneFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-15px)rotate(-2deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ringPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.06)}}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(15px,-20px)}50%{transform:translate(-10px,-35px)}75%{transform:translate(20px,-15px)}}@keyframes qrScan{0%,to{opacity:0;top:10px}10%{opacity:.9}50%{opacity:.9;top:calc(100% - 12px)}60%,to{opacity:0}}@keyframes shineMove{0%,65%,to{left:-100px}80%{left:calc(100% + 100px)}}@keyframes shadowPulse{0%,to{opacity:.8;transform:translate(-50%)scaleX(1)}50%{opacity:.4;transform:translate(-50%)scaleX(.85)}}@media (prefers-reduced-motion:reduce){.hero-bg-orb,.glow-ring,.fp,.bone-shadow,.phone-mockup,.shine:after,.qr-scanline,.hero-badge .dot,.notif-dot{animation:none!important}.scroll-reveal{opacity:1!important;transition:none!important;transform:none!important}.hero-text .hero-badge,.hero-text .hero-title,.hero-text .hero-desc,.hero-text .hero-actions,.hero-3d{opacity:1!important;animation:none!important}}@media (max-width:1000px){.hero-content{text-align:center;grid-template-columns:1fr;gap:20px}.hero-desc{margin-inline:auto}.hero-actions{justify-content:center}.bone-wrapper{margin-top:-40px;transform:scale(.65)}.hero-3d{min-width:0;min-height:320px;overflow:hidden}.steps-grid{grid-template-columns:1fr;max-width:480px}.features-grid{grid-template-columns:1fr}.mockup-grid{text-align:center;grid-template-columns:1fr}.check-list{align-items:center}.pricing-grid{grid-template-columns:1fr;max-width:400px}.safepet-steps-grid{max-width:480px;grid-template-columns:1fr!important;margin-left:auto!important;margin-right:auto!important}.stats-inner{flex-direction:column}.stat-item{border-bottom:1px solid #ffffff0a;border-right:none}.landing-nav{padding:16px 20px}.landing-nav-links{display:none}.landing-mobile-btn{display:block!important}.hero-section{padding:100px 20px 60px}.how-section,.features-section,.mockup-section,.pricing-section,.cta-section{padding:60px 20px}}