*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#081b29;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}header{height:84px;background:#091d2b;border-bottom:1px solid #ffffff07;position:relative;z-index:2}.header-inner{max-width:1220px;height:100%;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:700 25px Georgia,serif;text-decoration:none;color:#fff}.brand-symbol{position:relative;display:block;width:21px;height:32px;overflow:hidden}.brand-symbol img{max-width:none;position:absolute;left:-102px;top:-9px}.header-note{color:#8db2b9;font-size:13px;letter-spacing:.02em}main{position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 22%,#073e4b66,transparent 57%),linear-gradient(155deg,#0b2938 0%,#081b29 70%);min-height:calc(100svh - 148px);display:flex;align-items:center}.hero{max-width:1220px;width:100%;margin:auto;padding:76px 44px 80px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:28px;position:relative;z-index:1}.badge{display:inline-block;margin:0 0 30px;padding:9px 15px;border:1px solid #12616c;border-radius:30px;color:#4ae1d4;background:#083b464f;font-size:11px;font-weight:700;letter-spacing:.09em}h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(38px,4.2vw,57px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 19px}h2{font:400 clamp(30px,3.1vw,43px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.8px;margin:0 0 27px;color:#eaf7f7}h2 em{color:#48d9df;font-weight:400}.description{max-width:462px;font-size:16px;line-height:1.65;color:#a4c0c7}.description p{margin:0 0 10px}.description p:first-child{color:#d0e1e4}.downloads{display:flex;gap:13px;margin-top:30px}.store{min-height:63px;min-width:191px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:36px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}.store svg{width:29px;height:29px}.store small{display:block;font-size:12px;line-height:1.2;margin-bottom:3px}.store strong{font-size:19px;line-height:1.1;font-weight:700}.apple{background:linear-gradient(110deg,#06baa9,#04b5d2);color:#fff;box-shadow:0 6px 30px #00bdb414}.google{border:1px solid #14828c;color:#56e2d8;background:#082333}.store:hover{transform:translateY(-3px);box-shadow:0 8px 27px #05c4c126}.google:hover{background:#0b3845}.store:focus-visible,.brand:focus-visible{outline:3px solid #fff;outline-offset:6px}.availability{color:#7ca7b1;font-size:12px;letter-spacing:.02em;margin-top:16px}.visual{height:550px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.phone{position:relative;width:204px;height:452px;overflow:hidden;border-radius:29px;transform:scale(1.12);box-shadow:0 24px 65px #0005,0 0 0 1px #14bdc029;z-index:1}.phone img{position:absolute;max-width:none;left:-678px;top:-94px}.phone-glow{position:absolute;width:300px;height:420px;top:60px;left:50%;transform:translateX(-50%);background:#00c4b315;filter:blur(45px);border-radius:50%}.player-card{position:absolute;left:0;top:188px;width:178px;padding:17px;border:1px solid #116379;border-radius:17px;background:linear-gradient(135deg,#0b3549,#0d2b40);box-shadow:0 12px 36px #0002;z-index:2}.playing{display:flex;align-items:center;gap:8px;color:#46e2d7;font-size:10px;font-weight:700;margin-bottom:12px}.wave{display:flex;align-items:center;gap:3px;height:16px}.wave i{width:2px;height:9px;background:#31e2d6}.wave i:nth-child(2),.wave i:nth-child(4){height:16px}.wave i:nth-child(3){height:12px}.player-card>strong{font-size:14px;line-height:1.3;display:block}.progress{height:3px;background:#ffffff19;border-radius:4px;margin-top:15px}.progress span{display:block;width:28%;height:100%;background:#35d5d2;border-radius:4px}.duration{display:flex;justify-content:space-between;color:#83a8b9;font-size:10px;margin-top:6px}.achievement{position:absolute;right:-1px;bottom:124px;padding:16px 18px;border:1px solid #12637b;background:#0c2b40;border-radius:16px;box-shadow:0 8px 30px #0002;z-index:2}.achievement>span{display:block;color:#4bddcf;font-size:11px;margin-bottom:4px}.achievement strong{font-size:29px;font-weight:600}.achievement strong span{font-size:23px}.visual-caption{position:absolute;bottom:0;font-size:10px;letter-spacing:.22em;color:#648f9e}.orbit{position:absolute;border:1px solid #10708526;border-radius:50%;pointer-events:none;width:660px;height:660px;top:50%;left:64%;transform:translate(-50%,-50%)}.orbit-two{width:910px;height:910px;border-color:#10708516}footer{max-width:1220px;padding:23px 44px;margin:auto;display:flex;justify-content:space-between;gap:15px;color:#75939f;font-size:11px;letter-spacing:.025em}.footer-dot{padding:0 7px;color:#36b7b5}@media(min-width:1450px){.hero{padding-top:105px;padding-bottom:105px}}@media(max-width:1000px){.hero{gap:12px;padding-left:30px;padding-right:30px;grid-template-columns:1.12fr 1fr}.downloads{gap:10px}.store{min-width:170px}.player-card{left:-10px;width:157px}.achievement{right:-10px}.visual{height:530px}.phone{transform:scale(1.03)}.header-inner,footer{padding-left:30px;padding-right:30px}h1{font-size:43px}h2{font-size:34px}}@media(max-width:760px){header{height:73px}.header-inner{padding:0 24px}.brand{font-size:23px}.header-note{font-size:11px;max-width:110px;text-align:right;line-height:1.4}.hero{display:flex;flex-direction:column;gap:32px;padding:45px 24px 28px;align-items:stretch;max-width:540px}.badge{font-size:9px;letter-spacing:.08em;margin-bottom:25px;padding:9px 12px}h1{font-size:clamp(36px,8.5vw,47px);letter-spacing:-1px;margin-bottom:20px}h2{font-size:clamp(30px,7vw,37px);line-height:1.15;margin-bottom:24px}.description{font-size:16px;line-height:1.65}.downloads{gap:11px;margin-top:28px}.store{min-width:0;flex:1;padding:12px 10px;min-height:64px;gap:6px}.store svg{width:26px;height:26px}.store strong{font-size:17px}.store small{font-size:11px}.availability{font-size:12px}.visual{height:520px;width:100%;max-width:390px;align-self:center}.phone{transform:scale(1)}.player-card{top:172px;left:0;width:150px;padding:14px}.achievement{right:0;bottom:118px;padding:13px}.visual-caption{bottom:7px}.orbit{left:50%;top:75%;width:590px;height:590px}.orbit-two{width:770px;height:770px}footer{padding:20px 24px;font-size:10px;border-top:1px solid #ffffff08}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.store{transition:none}}

/* Oferta de acceso y precio fundador */
.description strong{color:#e6f3f5;font-weight:600}.founder-offer{margin-top:23px;padding:1px 0 1px 18px;border-left:2px solid #38d9d0;max-width:490px}.founder-offer p{margin:0;line-height:1.5}.founder-offer .access{font-size:18px;color:#5ce3d6;margin-bottom:5px}.founder-offer .price{font-size:15px;color:#bfd5db}.founder-offer .price strong{color:#fff}.founder-offer .cancel{font-size:13px;color:#a4c0c7;margin-top:3px}.downloads{margin-top:25px}.store small{text-transform:uppercase;font-size:10px;letter-spacing:.04em}.store strong{text-transform:uppercase;font-size:16px}.hero{padding-top:48px;padding-bottom:55px}.availability{font-size:13px}@media(max-width:760px){.hero{padding-top:38px;padding-bottom:28px}.founder-offer{padding-left:14px}.founder-offer .price{font-size:14px}.store strong{font-size:14px}}

/* Estilos para páginas legales en HipnoApp Descargas */
.wsc-page-legal {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.wsc-legal-container {
  width: min(860px, calc(100% - 40px));
  margin: 60px auto;
  padding: 40px;
  background: rgba(14, 38, 54, 0.7);
  border: 1px solid rgba(71, 225, 210, 0.2);
  border-radius: 8px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}
.wsc-legal-container h1 {
  font-size: clamp(26px, 4vw, 36px);
  color: #ffffff;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(71, 225, 210, 0.25);
  padding-bottom: 16px;
}
.wsc-legal-container h2 {
  font-size: 20px;
  color: var(--teal, #47e1d2);
  margin-top: 32px;
  margin-bottom: 12px;
}
.wsc-legal-container p, .wsc-legal-container li {
  color: var(--muted, #a4c0c7);
  font-size: 15px;
  line-height: 1.8;
}
.wsc-legal-container a {
  color: var(--teal, #47e1d2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wsc-legal-container a:hover {
  color: #ffffff;
}