@font-face{font-family:Roca One;src:url(/assets/RocaOne-Rg-Clz-qboZ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roca One;src:url(/assets/RocaOne-Lt-BIY9X-_F.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roca One;src:url(/assets/RocaOne-Bold-QoZjOHWG.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roca One;src:url(/assets/RocaOne-BlIt-eycDscFX.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-BQsUpcHj.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-SemiBold-B-lLb63I.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-DEcR8bPr.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-ExtraBold-n0CIQdUk.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #f6f3ef;--bg-2: #efebe6;--ink: #1b1b1b;--title: #113E63FF;--muted: #66625f;--accent: #E53F37FF;--accent-2: #F4AF96FF;--card: #ffffff;--border: rgba(27, 27, 27, .12);--shadow: 0 40px 80px rgba(20, 20, 20, .12);--font-title: "Roca One", serif;--font-body: "Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top,#faf7f3 0%,var(--bg) 60%);min-height:100vh}h1,h2,h3{color:var(--title)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{overflow-x:hidden}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f3efe6;border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;letter-spacing:.02em;font-family:var(--font-face)}.brand-title{color:var(--title)}.nav .brand-title{font-family:var(--font-title);font-weight:700;font-size:1.5rem}.footer .brand-title{font-family:var(--font-title);font-weight:400}.brand img{width:44px;height:44px}.nav-links{display:flex;align-items:center;gap:1.25rem;font-size:.95rem}.nav-links a{color:var(--muted);transition:color .2s ease}.nav-links a:hover{color:var(--ink)}.nav-links .pill{padding:.5rem 1rem;border-radius:999px;background:var(--accent);color:#fff}.landing{padding:4rem 0 2.5rem}.landing-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;align-items:center;padding:0 2rem}.landing-copy h1{font-family:var(--font-title);font-size:clamp(2.7rem,4vw,4.3rem);line-height:1.05;margin-bottom:1.5rem}.landing-banner{width:min(420px,70vw);margin-bottom:1.25rem}.landing-banner img{width:100%;height:auto}.landing-copy h1 span{color:var(--accent)}.eyebrow{font-size:.98rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);margin-bottom:1rem;font-weight:700}.lead{font-size:1.1rem;line-height:1.7;color:var(--muted);margin-bottom:2rem}.cta-row{display:flex;gap:1rem;flex-wrap:wrap}.store-badges{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.store-badge img{height:54px;width:180px;object-fit:contain;display:block}.cta{padding:.9rem 1.6rem;border-radius:999px;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.cta.primary{background:var(--ink);color:#fff;box-shadow:var(--shadow)}.cta.ghost{background:transparent;border-color:var(--ink);color:var(--ink)}.cta:hover{transform:translateY(-2px)}.fine-print{font-size:.9rem;color:var(--muted);margin-top:1rem}.landing-visual{position:relative;display:grid;place-items:center}.phone-stack{position:relative;width:min(380px,70vw);height:min(640px,100vw)}.phone{position:absolute;border-radius:32px;box-shadow:var(--shadow);border:8px solid #111;background:#111;width:70%;--rotate: 0deg;transform:rotate(var(--rotate))}.phone:nth-child(1){top:10%;left:0;--rotate: -8deg}.phone:nth-child(2){top:0;right:0;--rotate: 4deg;z-index:2}.phone:nth-child(3){bottom:0;left:12%;--rotate: -2deg;z-index:1}.float{animation:float 10s ease-in-out infinite}.float.slow{animation-duration:14s}.float.fast{animation-duration:8s}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotate))}50%{transform:translateY(-16px) rotate(var(--rotate))}}.glow{position:absolute;width:380px;height:380px;background:radial-gradient(circle,#2c6b6f40,#2c6b6f00);filter:blur(10px);z-index:-1}.scroll-hint{text-align:center;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:3rem}.stats{max-width:1100px;margin:0 auto;padding:2rem 2rem 4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.stat-card{background:var(--card);padding:2rem;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow)}.stat-card h3{margin-bottom:.75rem;font-size:1.2rem}.stat-card p{color:var(--muted);line-height:1.6}.parallax-band{background:linear-gradient(120deg,#d08b7a33,#2c6b6f33);background-attachment:fixed;padding:5rem 2rem;margin:2rem 0 5rem}.band-inner{max-width:900px;margin:0 auto;text-align:center}.band-inner p{font-size:1.35rem;color:var(--accent-2);margin-bottom:1rem;font-weight:700}.band-inner h2{font-family:var(--font-title);font-size:clamp(2rem,3vw,3rem)}.features,.showcase,.how{max-width:1100px;margin:0 auto;padding:3rem 2rem}.section-title{margin-bottom:2rem}.section-title h2{font-family:var(--font-title);font-size:clamp(2rem,3.2vw,3rem)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.feature-grid article{background:var(--card);padding:2rem;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow)}.feature-grid h3{margin-bottom:.75rem}.feature-grid p{color:var(--muted);line-height:1.6}.showcase{position:relative}.carousel{display:block;overflow-x:auto;overflow-y:visible;padding-bottom:1rem;position:relative;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:1.5rem;width:max-content;padding:.5rem 0}.carousel-item{background:var(--card);border-radius:20px;border:1px solid var(--border);padding:1rem;text-align:center;box-shadow:var(--shadow);scroll-snap-align:center;min-width:240px}.carousel-item img{border-radius:16px;border:6px solid #111;height:360px;width:auto;object-fit:contain;margin:0 auto}.caption{margin-top:1rem;font-weight:600}.how .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.step{background:var(--card);padding:2rem;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow)}.step span{font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)}.step h3{margin:1rem 0 .75rem}.step p{color:var(--muted);line-height:1.6}.cta-section{padding:4rem 2rem 6rem}.cta-card{max-width:1100px;margin:0 auto;background:linear-gradient(120deg,#fff,#f3efe9);border-radius:30px;padding:3rem;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;gap:2rem}.cta-card h2{font-family:var(--font-title);font-size:clamp(2rem,3vw,3.1rem);margin-bottom:1rem}.cta-card p{color:var(--muted);line-height:1.7}.social{display:flex;gap:1.5rem;flex-wrap:wrap}.social a{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:600}.social img{width:20px;height:20px}.footer{border-top:1px solid var(--border);background:var(--bg-2)}.footer-inner{max-width:1100px;margin:0 auto;padding:2.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}.footer-center{text-align:center;color:var(--muted);flex:1;min-width:220px;font-size:.75rem}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer img{width:40px;height:40px}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--muted)}@media (max-width: 980px){.landing-grid,.stats,.feature-grid,.how .steps{grid-template-columns:1fr}.phone-stack{height:520px}.nav-links{display:none}}@media (max-width: 640px){.landing{padding-top:4rem}.nav-inner{padding:1rem 1.25rem}.landing-grid,.stats,.features,.showcase,.how,.cta-section,.footer-inner{padding-left:1.25rem;padding-right:1.25rem}.cta-card{padding:2.25rem}.carousel-item img{height:300px}}
