/* Rediseño 2026: portada sobria, legible y alineada con la app */
:root{--green:#19b354;--night:#080b10;--night2:#121824;--chalk:#f7f8fa;--dim:#9ca8b9;--border:#273243;--gold:#d8bd8b}
body{background:var(--night);color:var(--chalk)}
nav{background:rgba(8,11,16,.92);border-bottom:1px solid rgba(255,255,255,.1)}
nav .wrap{height:76px;max-width:1160px}.logo{font-size:1.17rem;color:var(--chalk)}.logo strong{color:var(--green)}
nav .links{gap:7px}.cta-mini{padding:10px 16px!important;border-radius:12px!important;background:var(--green)!important}
.hero-new{background:radial-gradient(circle at 76% 22%,#12532f 0,transparent 26%),linear-gradient(115deg,#080b10 25%,#0c1d16 100%);min-height:680px;padding:70px 0;overflow:hidden}
.hero-new .wrap{max-width:1160px;display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.hero-copy{padding:25px 0}.hero-eyebrow{margin:0 0 22px;background:#10351f;border-color:#248e50;color:#8be8ad}.hero-new h1{font-size:clamp(3rem,5.9vw,5rem);line-height:.96;letter-spacing:-.06em;margin:0;max-width:660px}.hero-new h1 em{color:var(--green)}.hero-new .sub{font-size:1.1rem;color:#aeb9c9;margin:24px 0 0;max-width:600px}.hero-new .cta-row{justify-content:flex-start;margin-top:28px}.hero-new .badges{justify-content:flex-start;margin:23px 0 0}.hero-new .playnote{color:#8995a6;text-align:left;max-width:580px}
.phone-stage{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center}.phone-stage:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:#1ab5543b;filter:blur(70px)}.hero-phone{position:relative;width:294px;height:612px;overflow:hidden;border:8px solid #28313f;border-radius:40px;background:#080b10;box-shadow:0 34px 80px #000}.hero-phone img{height:100%;width:100%;object-fit:cover;object-position:top}.hero-float{position:absolute;z-index:2;padding:12px 15px;border:1px solid #3b4759;background:#151d2aec;border-radius:15px;box-shadow:0 12px 34px #0008;color:#c9d3df;font-size:.76rem}.hero-float b{display:block;color:var(--green);font-size:1.2rem}.hero-float.one{left:0;top:27%}.hero-float.two{right:0;bottom:23%}.hero-float.two b{color:var(--gold)}
.trust-strip{padding:22px 0 30px;background:#0d131d;border-block:1px solid rgba(255,255,255,.08)}.trust-strip .wrap{max-width:1160px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust{display:block;padding:19px 15px;text-align:center;border:1px solid #2b3748;border-radius:16px;background:#121925;transition:.2s}.trust:hover{border-color:var(--green);transform:translateY(-3px)}.trust .trust-ic{display:block;font-size:1.45rem;margin-bottom:5px}.trust b{display:block;color:#fff;font-size:1.08rem}.trust span{font-size:.76rem;color:var(--dim)}.trust small{display:inline-block;margin-top:9px;color:#7fe1a3;font-weight:800;font-size:.72rem}
.live-demo{padding:76px 0;background:linear-gradient(125deg,#0b121c,#0e2a1b)}.live-demo .wrap{max-width:1040px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.live-demo h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:12px 0}.live-demo p{color:var(--dim);font-size:1.05rem;line-height:1.6}.live-points{display:grid;gap:10px;margin:23px 0}.live-points span{color:#dbe4ec;font-size:.9rem}.live-points b{color:#79df9d}.demo-video{position:relative;overflow:hidden;border-radius:24px;border:1px solid #2d6b45;background:#070b10;box-shadow:0 25px 70px #0009;aspect-ratio:9/16;max-height:490px;justify-self:center}.demo-video video{height:100%;width:100%;object-fit:cover}.demo-caption{position:absolute;left:13px;right:13px;bottom:13px;padding:10px 12px;border:1px solid #ffffff18;background:#07110bd9;border-radius:12px;color:#d5e6da;font-size:.78rem}.demo-caption b{color:#80eba8}
section{padding:90px 0}.features{background:#080b10}.section-label{letter-spacing:.12em}.features h2,.shots-section h2{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.045em}.features .lead{font-size:1.1rem}.card{background:linear-gradient(145deg,#151d29,#0e141e);border-color:var(--border);border-radius:21px;box-shadow:none;padding:25px}.card:hover{border-color:var(--green);transform:translateY(-4px)}.card .ic{border:1px solid #ffffff12;background:#ffffff0b}.card h3{font-size:1.1rem}.card p{font-size:.92rem}
.steps-section{background:#0d131d}.shots-section{background:#0c1119}.shots{gap:20px;padding:26px 4px 24px}.shot{flex:0 0 245px}.shot img{height:525px;object-fit:cover;object-position:top;border-radius:24px;border:1px solid #334052;box-shadow:0 18px 45px #0008}.shot>span{font-size:1rem;font-weight:800;color:#f7f8fa;margin-top:12px}.swipe-cue{margin:0;background:transparent;border:0;padding:0;color:#8895a8}.swipehint{color:#8995a6}
.pricing-section{background:radial-gradient(circle at 84% 5%,#174b2b 0,transparent 29%),#0c1119}.tiers{gap:20px}.tier{border-radius:22px;border-color:#2b3748;background:#121925}.tier.best{border-color:var(--green)}.tier .price{color:#fff}.tag{background:var(--green)}
.videos-section,.gear-section,.faq-section,.contact-section{background:#080b10}.gear-section{background:#0d131d}.faq-section details{background:#121925;border-color:var(--border);border-radius:14px}.contact-row .soc{background:#121925;border-color:var(--border)}footer{background:#080b10;border-top-color:#263242}.footer-guides{width:100%;margin:24px 0 4px;padding:22px;border:1px solid #283547;border-radius:20px;background:#0d131d}.footer-guides h3{font-size:1rem;color:#fff;margin:0 0 5px}.footer-guides p{font-size:.84rem;color:var(--dim);margin:0 0 15px}.guide-buttons{display:flex;flex-wrap:wrap;gap:10px}.guide-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:11px;background:#151d29;border:1px solid #303c4e;color:#e5eaf0!important;font-size:.82rem;font-weight:800;transition:.2s}.guide-btn:hover{border-color:var(--green);background:#113220;color:#a7f3c0!important}
@media(max-width:780px){nav .wrap{height:64px}.logo{font-size:.97rem}.hero-new{padding:42px 0 25px}.hero-new .wrap,.live-demo .wrap{grid-template-columns:1fr;gap:28px}.hero-copy{padding-top:0}.hero-new h1{font-size:3.35rem}.hero-new .sub{font-size:1rem}.hero-new .cta-row{gap:10px}.hero-new .btn{padding:13px 16px;font-size:.9rem}.phone-stage{min-height:455px;transform:scale(.83);margin:-28px 0}.trust-strip .wrap{grid-template-columns:1fr 1fr}.trust{padding:16px 8px}.trust b{font-size:1rem}section{padding:64px 0}.features h2,.shots-section h2{font-size:2.3rem}.shot{flex-basis:215px}.shot img{height:465px}.hero-float.one{left:-16px}.hero-float.two{right:-16px}.live-demo{padding:58px 0}.demo-video{max-height:440px}}