:root{--bg:#080a0f;--surface:#11151e;--line:#272b34;--gold:#c79a43;--cream:#f3eee4;--muted:#a9adba;--serif:'Italiana',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 8%,#27243a 0,transparent 25%),var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);border-bottom:1px solid #ffffff12;background:#080a0fd9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:58px;object-fit:contain}.brand span{display:grid}.brand b{font:25px var(--serif)}.brand small{font-size:9px;letter-spacing:4px;color:#d5b36c}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}nav a:hover{color:#e6c77d}.pill{border:1px solid #ffffff38;padding:12px 20px;border-radius:99px}.menu{display:none}.shell{width:min(1180px,90vw);margin:auto}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:55px;padding:70px 0 100px}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:700;color:#d9bc7b}.hero h1,.heading h2,.demo h2,.cta h2{font:clamp(55px,6.1vw,96px)/.98 var(--serif);margin:22px 0}.hero h1 em,.heading h2 em,.demo h2 em,.cta h2 em{font-style:italic;color:#cdb06d}.lead,.heading>p:last-child,.demo>div>p,.cta>p{color:var(--muted);font-size:17px;line-height:1.75;max-width:650px}.actions{display:flex;gap:12px;margin:34px 0}.button{padding:15px 22px;border:1px solid #ffffff2d;border-radius:4px;font-size:13px;font-weight:700}.primary{background:linear-gradient(135deg,#d8b566,#a77725);color:#0d0c09;border:0}.proof{display:flex;gap:28px;padding-top:28px;border-top:1px solid #ffffff17}.proof span{display:grid;color:#7f8491;font-size:11px}.proof b{color:#e9e5dc;font-size:12px;margin-bottom:6px}.stage{height:620px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,#8e6d6670,transparent 68%);animation:pulse 5s infinite}.phone{width:277px;height:545px;border:7px solid #242732;border-radius:38px;background:linear-gradient(#1d1920aa,#0d0c11dd),radial-gradient(circle at 30% 30%,#836759,#191319 65%);box-shadow:0 35px 100px #000;position:relative;text-align:center;padding:36px 23px;z-index:2}.phonebar{position:absolute;top:12px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px}.phonebar i{width:64px;height:18px;border-radius:20px;background:#080808}.phone>p{font-size:8px;letter-spacing:2px;margin:38px 0}.monogram{font:20px var(--serif);color:#d8b567}.phone h2{font:52px/.92 var(--serif);margin:30px 0}.line{display:block;width:45px;border-top:1px solid #c89d4f;margin:auto}.phone button{background:#d0aa59;border:0;padding:12px 20px;font-size:10px}.float{position:absolute;background:#141822e8;border:1px solid #ffffff1c;padding:13px 17px;border-radius:10px;display:flex;gap:12px;z-index:3;box-shadow:0 18px 45px #0007;color:#d7b55f}.float span{display:grid;font-size:10px;color:#858a96}.float b{font-size:12px;color:white}.one{top:105px;right:0}.two{bottom:100px;right:0}.three{bottom:155px;left:0}.ticker{padding:19px;border-block:1px solid #ffffff14;white-space:nowrap;text-align:center;word-spacing:30px;color:#bfa15e;font:13px var(--serif);letter-spacing:2px}.section{padding:120px 0}.heading{max-width:850px}.heading h2,.demo h2,.cta h2{font-size:clamp(45px,5vw,74px)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 26px}.tabs button{background:transparent;color:#999da8;border:1px solid #2c3038;border-radius:99px;padding:11px 18px}.tabs .active{background:#d2ae61;color:#111;border-color:#d2ae61}.cards{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:250px 250px;gap:16px}.card{padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff1d;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 30%,#906a2d88,transparent 27%),linear-gradient(135deg,#0b0c10,#2c231a);transition:.3s}.card:hover{transform:translateY(-5px);border-color:#cba456}.card.big{grid-row:1/3}.card.celestial{background:radial-gradient(circle at 70% 25%,#456c9e,transparent 27%),#0a1120}.card.bloom{background:radial-gradient(circle at 72% 25%,#b96e7a,transparent 30%),#2c1720}.card small{letter-spacing:2px}.card h3{font:52px var(--serif);margin:6px 0}.card.big h3{font-size:76px}.card p{font-size:11px;letter-spacing:2px}.card span{color:#c4c5cb}.card>b{font-size:12px}.more{display:block;text-align:right;margin-top:24px;color:#d2ae61}.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.demo-list{display:grid;margin-top:35px}.demo-list button{display:flex;text-align:left;gap:20px;background:none;color:#858a95;border:0;border-top:1px solid #272b32;padding:20px}.demo-list button:last-child{border-bottom:1px solid #272b32}.demo-list button b{color:#c9a85c}.demo-list span{display:grid}.demo-list strong{color:#f2eee5;font-size:16px;margin-bottom:5px}.demo-list .active{background:#ffffff08}.dash{background:#101521;border:1px solid #303849;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px #0008}.dashhead{height:65px;border-bottom:1px solid #29303d;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#aeb4c2;font-size:12px}.dashhead span{display:flex;align-items:center;gap:8px;color:#fff}.dashhead img{width:25px;height:34px;object-fit:contain}.dashbody{display:grid;grid-template-columns:65px 1fr}.dashbody aside{padding:30px 20px;line-height:3;color:#8d7cc3;border-right:1px solid #29303d}.dashbody>div{padding:40px}.dashbody h3{font-size:24px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics article{display:grid;background:#171d2a;padding:18px;border-radius:10px}.metrics b{font-size:42px}.metrics small,.metrics span{color:#8f96a7;font-size:9px}.activity{margin-top:20px;background:#171d2a;padding:20px;border-radius:10px}.activity p{font-size:11px;color:#a8afbd}.services,.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.services article,.prices article{border:1px solid #252a32;padding:28px;background:#0e1117;min-height:270px}.services article>b{font-size:11px;color:#666}.services i{display:block;font-size:25px;color:#cba558;margin:35px 0}.services h3{font:27px var(--serif)}.services p{color:#969ba6;line-height:1.7}.prices{grid-template-columns:repeat(3,1fr);align-items:center}.prices article{min-height:480px;position:relative}.prices .featured{border-color:#b59044;transform:scale(1.04);background:linear-gradient(#181713,#0e1117)}.prices label{position:absolute;right:20px;top:20px;font-size:9px;background:#c9a75c;color:#111;padding:7px}.prices>article>p{letter-spacing:2px;font-size:12px}.prices h3{font:47px var(--serif)}.prices h3 small{display:block;font:11px var(--sans);color:#9a9da5}.prices h3 i{font:10px var(--sans)}.prices li{margin:14px 0;color:#b9bdc5;font-size:13px}.prices a{display:block;text-align:center;padding:13px;border:1px solid #b8964d;margin-top:25px}.featured a{background:#c4a052;color:#111}.note{text-align:center;color:#7f8490;font-size:12px}.cta{text-align:center;border-top:1px solid #252a31}.cta img{width:72px;height:96px;object-fit:contain}.cta>p,.cta .actions{margin-left:auto;margin-right:auto;justify-content:center}.cta h2{max-width:900px;margin-left:auto;margin-right:auto}footer{border-top:1px solid #252a31;padding:55px 5vw 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;color:#858a94;font-size:12px}footer>div{display:grid;align-content:start;gap:12px}footer b{color:#eee;font-size:13px}.footbrand{display:flex!important;flex-direction:row;gap:14px}.footbrand img{width:45px;height:60px;object-fit:contain}.footbrand span{display:grid}footer>p{grid-column:1/-1;border-top:1px solid #252a31;padding-top:20px}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.07);opacity:.7}}
@media(max-width:850px){header{height:72px}.menu{display:block;background:none;color:white;border:1px solid #444;padding:9px 12px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0e14;padding:22px;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:55px}.stage{height:560px}.proof{flex-direction:column}.cards{display:flex;overflow-x:auto}.card{min-width:84vw;height:420px}.demo{grid-template-columns:1fr}.services,.prices{grid-template-columns:1fr}.prices .featured{transform:none}.section{padding:85px 0}footer{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}.float{transform:scale(.85)}.one,.two{right:-12px}.three{left:-12px}}
@media(max-width:480px){.hero h1{font-size:45px}.heading h2,.demo h2,.cta h2{font-size:41px}.actions{flex-direction:column;text-align:center}.stage{height:490px}.phone{transform:scale(.85)}.float{font-size:10px;padding:9px}.cards .card{min-width:88vw}.dashbody{grid-template-columns:1fr}.dashbody aside{display:none}.dashbody>div{padding:22px}.metrics{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.ticker{overflow:hidden}}

/* Secuencia comercial definida: muestra → presentación → paquetes → cotización. */
main{display:flex;flex-direction:column}main>.spark-field{position:absolute}#muestras{order:1}#inicio{order:2}main>.ticker{order:2}#paquetes{order:3}.cta{order:4}#demo{order:5}#servicios{order:6}