:root{--navy:#071f3f;--navy2:#0b3156;--teal:#087f72;--teal2:#0aa18f;--gold:#f4c84f;--cream:#fbf8ef;--ink:#10243b;--muted:#617080;--line:#dce5e5;--white:#fff;--shadow:0 24px 70px rgba(7,31,63,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:var(--gold)}.site-header{height:66px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:15px}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--navy);color:var(--gold);font-weight:900}.brand b{font-size:15px}.site-header nav{display:flex;gap:26px;font-size:14px;font-weight:700}.site-header nav a:hover{color:var(--teal)}.hero{min-height:calc(100svh - 66px);max-width:1180px;margin:auto;padding:34px 24px 64px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.14em}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.01;letter-spacing:-.055em;margin:20px 0 18px;max-width:650px}.hero-copy>p{font-size:clamp(20px,2vw,27px);margin:0 0 22px;color:#3d5062}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.hero-pills span,.content-strip span{border:1px solid var(--line);background:rgba(255,255,255,.72);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;border-radius:15px;padding:15px 22px;font-size:14px;font-weight:900;letter-spacing:.02em;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px)}.primary{color:white;background:linear-gradient(135deg,var(--teal),var(--teal2));box-shadow:0 12px 30px rgba(8,127,114,.25)}.hero-copy>small{display:block;color:var(--muted);font-weight:700;margin-top:12px}.hero-visual{position:relative;min-height:650px;display:grid;place-items:center}.hero-visual img{position:relative;z-index:1;width:min(460px,80%);max-height:680px;object-fit:cover;object-position:top;border-radius:42px;filter:drop-shadow(0 28px 30px rgba(7,31,63,.18))}.mockup-halo{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#bfeee4 0,#e5f4e8 46%,transparent 70%)}.visual-badge{position:absolute;z-index:2;background:white;border:1px solid #e4eceb;box-shadow:0 14px 35px rgba(7,31,63,.16);border-radius:14px;padding:11px 14px;font-weight:850;font-size:13px}.badge-search{top:22%;left:2%}.badge-audio{right:1%;bottom:24%;color:var(--teal)}.section{padding:96px max(24px,calc((100vw - 1120px)/2))}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.section-heading h2,.access h2,.cta-band h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.section-heading p{font-size:18px;color:var(--muted);margin:8px 0}.demo{background:var(--navy);color:white}.demo .eyebrow{color:#70dfcf}.demo .section-heading p{color:#b9c7d4}.demo-layout{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:center}.accent-switch{display:grid;grid-template-columns:1fr 1fr;background:#102e4e;border:1px solid #254566;padding:5px;border-radius:15px;margin-bottom:18px}.accent-button{border:0;border-radius:11px;padding:13px;color:#c2d0db;background:transparent;font-weight:800;cursor:pointer}.accent-button.active{background:white;color:var(--navy)}.demo-item{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #294a68;background:#0e2a48;color:white;padding:16px;border-radius:16px;margin:10px 0;cursor:pointer;transition:.2s}.demo-item:hover,.demo-item.playing{border-color:#6ee0cd;background:#123856;transform:translateX(4px)}.demo-item>span:last-child{display:grid;gap:2px}.demo-item small{color:#abc0cf}.play-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white}.audio-note{font-size:13px;color:#9db3c3}.demo-phone img{width:100%;max-height:630px;object-fit:cover;object-position:top;border-radius:34px;box-shadow:0 35px 70px rgba(0,0,0,.32)}.product-tour{background:white}.gallery-shell{max-width:940px;margin:auto;border:1px solid var(--line);border-radius:26px;background:#f3f6f4;padding:16px;box-shadow:var(--shadow);overflow:hidden}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 14px;font-size:13px;font-weight:850}.gallery-toolbar>span{display:flex;align-items:center;gap:8px}.gallery-toolbar i{width:8px;height:8px;border-radius:50%;background:#1bc48d;box-shadow:0 0 0 5px rgba(27,196,141,.12)}.gallery-toolbar button{border:1px solid var(--line);background:white;border-radius:10px;width:38px;height:38px;margin-left:5px;cursor:pointer}.gallery-viewport{overflow:hidden;border-radius:18px}.product-gallery{display:flex;gap:16px;transition:transform .45s ease}.gallery-card{flex:0 0:calc(50% - 8px);margin:0;background:white;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.gallery-card img{width:100%;height:520px;object-fit:cover;object-position:top}.gallery-card figcaption{display:grid;gap:3px;padding:16px}.gallery-card figcaption span{font-size:13px;color:var(--muted)}.gallery-dots{display:flex;justify-content:center;gap:5px;padding-top:14px}.gallery-dots span{width:6px;height:6px;border-radius:99px;background:#c3cfce}.gallery-dots span.active{width:22px;background:var(--teal)}.cta-band{max-width:1060px;margin:26px auto 0;padding:60px;border-radius:28px;text-align:center;color:white;background:linear-gradient(135deg,var(--navy),#0d4165);box-shadow:var(--shadow)}.cta-band>span{font-size:12px;font-weight:900;letter-spacing:.14em;color:#6de2d1;text-transform:uppercase}.cta-band h2{max-width:650px;margin:12px auto}.cta-price{display:flex;flex-direction:column;margin:16px 0}.cta-price small{color:#b9cad7}.cta-price strong{font-size:48px;line-height:1}.cta-band p{margin-bottom:0;color:#c5d2dc;font-size:13px}.feature-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:white;border:1px solid var(--line);padding:25px;border-radius:20px;min-height:170px}.feature-grid article>span{color:var(--teal);font-size:34px;font-weight:950}.feature-grid h3{margin:8px 0 3px}.feature-grid p{margin:0;color:var(--muted);font-size:14px}.access{background:#e8f3ef;display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:center}.access-copy{max-width:570px}.access-copy>p{color:var(--muted);font-size:18px}.steps{margin-top:28px}.steps article{display:flex;align-items:center;gap:15px;margin:12px 0;background:rgba(255,255,255,.75);border:1px solid #cfe0db;padding:14px;border-radius:16px}.steps article>b{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:var(--navy);color:var(--gold);border-radius:12px}.steps article span{display:grid}.steps small{color:var(--muted)}.access-visual{display:grid;place-items:center;max-height:620px;overflow:hidden}.access-visual img{width:min(390px,100%);border-radius:36px;box-shadow:var(--shadow)}.full-content{text-align:center;background:white}.content-strip{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:850px;margin:0 auto 28px}.full-content .button{margin:auto}.faq-list{max-width:780px;margin:auto}.faq details{background:white;border:1px solid var(--line);border-radius:15px;padding:0 18px;margin:9px 0}.faq summary{padding:18px 0;font-weight:850;cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right;color:var(--teal);font-size:22px}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 18px;color:var(--muted)}.whatsapp-support{background:#e5f5ed;border-radius:16px;padding:18px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.whatsapp-support[hidden]{display:none}.whatsapp-support a{color:var(--teal);font-weight:900}footer{background:var(--navy);color:white;padding:42px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}footer>div{display:grid}footer span,footer small{color:#9eb0c0;font-size:12px}footer nav{display:flex;gap:18px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #28435e;padding-top:18px}.whatsapp-float{position:fixed;right:18px;bottom:22px;z-index:30;width:52px;height:52px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-weight:950;box-shadow:0 10px 30px rgba(0,0,0,.2)}.whatsapp-float[hidden]{display:none}.mobile-buy{display:none}.reveal{opacity:0;transform:translateY(16px);transition:.65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:760px){body{padding-bottom:67px}.site-header{height:58px;padding:0 16px;background:rgba(251,248,239,.92);backdrop-filter:blur(12px);position:sticky;top:0}.brand b{display:none}.site-header nav{gap:14px;font-size:11px}.hero{min-height:auto;padding:28px 18px 42px;display:flex;flex-direction:column;gap:18px;text-align:center}.hero h1{font-size:39px;margin:15px 0 12px}.hero-copy>p{font-size:20px;margin-bottom:16px}.hero-pills{justify-content:center;margin-bottom:18px}.hero-pills span{font-size:11px;padding:7px 9px}.hero-copy .button{width:100%;font-size:12px}.hero-copy>small{font-size:11px}.hero-visual{min-height:480px;width:100%;order:2}.hero-visual img{width:82%;height:485px;object-fit:cover;border-radius:30px}.mockup-halo{width:390px;height:390px}.visual-badge{font-size:11px;padding:9px 11px}.badge-search{top:16%;left:0}.badge-audio{right:0;bottom:16%}.section{padding:68px 18px}.section-heading{margin-bottom:26px}.section-heading h2,.access h2,.cta-band h2{font-size:34px}.section-heading p{font-size:16px}.demo-layout{display:flex;flex-direction:column;gap:28px}.demo-phone{width:100%;max-height:460px;overflow:hidden;border-radius:26px}.demo-phone img{width:100%;border-radius:26px}.accent-button{font-size:13px;padding:11px 5px}.demo-item{padding:13px}.demo-item b{font-size:14px}.demo-item small{font-size:11px}.play-icon{flex-basis:40px;width:40px;height:40px}.gallery-shell{padding:10px;border-radius:20px}.gallery-toolbar{font-size:11px}.gallery-card{flex-basis:100%}.gallery-card img{height:490px}.cta-band{margin:0;border-radius:0;padding:54px 20px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-grid article{min-height:150px;padding:18px}.feature-grid article>span{font-size:29px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:12px}.access{display:flex;flex-direction:column;padding-bottom:0;gap:25px}.access-visual{max-height:430px}.access-visual img{width:82%}.content-strip{gap:7px}.content-strip span{font-size:11px}.full-content .button{width:100%;font-size:12px}.whatsapp-support{align-items:flex-start;flex-direction:column}.faq details{padding:0 15px}.faq summary{font-size:14px}.whatsapp-float{bottom:82px;width:48px;height:48px}.mobile-buy{display:flex;position:fixed;z-index:40;left:10px;right:10px;bottom:9px;min-height:50px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--teal),var(--teal2));color:white;font-size:12px;font-weight:950;box-shadow:0 8px 25px rgba(8,127,114,.34)}footer{grid-template-columns:1fr;padding:38px 20px}footer nav{flex-wrap:wrap}footer>small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){.hero{padding-top:24px;gap:12px}.hero-copy{display:contents}.hero .eyebrow{order:1}.hero h1{order:2;margin:4px 0 0}.hero-copy>p{order:3;margin:0 0 4px}.hero-visual{order:4;min-height:310px}.hero-pills{order:5;margin:2px 0 4px}.hero-copy .button{order:6}.hero-copy>small{order:7;margin-top:0}.hero-visual img{width:66%;height:310px;border-radius:26px}.mockup-halo{width:300px;height:300px}.visual-badge{font-size:10px;padding:8px 9px}.badge-search{top:14%;left:1%}.badge-audio{right:1%;bottom:14%}}
