/* CSS de la landing publica (Components/Pages/Landing.razor). GENERADO por gen_landing.py desde el index.html
   del disenador (D:\Proyectos\temp\LandingPage_HairDress): no editar a mano, cambiar el generador y regenerar.
   Todas las clases llevan prefijo hd- y las reglas van acotadas a .hd-landing para no chocar con el tema del portal. */

/* Convivencia con el tema del portal (Bootstrap/Materialize): el tema pone el body a 15px y cambia los margenes
   por defecto de p, figure y ul; aqui se recuperan los del navegador, que son los que asume el diseno original. */
.hd-landing{font-size:1rem}
.hd-landing p{margin:1em 0}
.hd-landing figure{margin:1em 40px}
.hd-landing ul{margin:1em 0;padding:0 0 0 40px}
.hd-landing a:hover{color:inherit}
/* Campo trampa antispam del formulario de alta (Landing.razor): fuera de pantalla, no display:none, para que los bots lo rellenen */
.hd-landing .hd-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* Aviso legal de reCAPTCHA bajo el formulario (solo se pinta con Recaptcha:Enabled y clave) */
.hd-landing .hd-rc-notice{font-size:.78rem;color:var(--muted);margin:.9rem 0 0;line-height:1.5;text-align:center}
.hd-landing .hd-rc-notice a{text-decoration:underline}

.hd-landing{--ink:#2a1a3d; --ink-2:#4a3a62; --muted:#7a6f8c; --line:#ebe4f2; --line-2:#dcd2e8;
    --paper:#fffdf9; --cream:#faf6ef; --lilac:#f4eefb; --lilac-2:#ebe2f6;
    --violet-deep:#3b1d5e; --violet:#6c2fb0; --violet-2:#8b4fd6; --violet-soft:#f1e9fb;
    --gold:#c9a227; --gold-2:#e0bf4f; --gold-soft:#fbf3d9; --gold-ink:#7f6410;
    --ok:#2e9e5b; --bad:#d64545;
    --r:12px; --maxw:1160px;
    --shadow:0 24px 60px -30px rgba(59,29,94,.35);
    --shadow-sm:0 8px 24px -16px rgba(59,29,94,.3);
    --font:Inter,"Segoe UI Variable Text","Segoe UI",Roboto,system-ui,-apple-system,Helvetica,Arial,sans-serif;
    --font-head:"Playfair Display",Georgia,"Times New Roman",serif;}
.hd-landing *{box-sizing:border-box}
html:has(.hd-landing){scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.hd-landing{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
body:has(.hd-landing){overflow-x:hidden}
.hd-landing a{color:inherit;text-decoration:none}
.hd-landing img{max-width:100%;display:block}
.hd-landing button{font:inherit}
.hd-landing .hd-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.hd-landing h1,.hd-landing h2,.hd-landing h3,.hd-landing h4{font-family:var(--font-head);line-height:1.12;letter-spacing:-.01em;margin:0;color:var(--ink);font-weight:700}
.hd-landing h1{font-size:clamp(2.3rem,4.8vw,3.7rem)}
/* FocusOnNavigate (Components/Routes.razor) pone tabindex="-1" en el primer h1 y le da el foco al
   entrar en la pagina, asi que el navegador le dibujaba su anillo alrededor del titular del hero.
   Un h1 no se alcanza con el tabulador, solo por codigo, asi que quitar el anillo no deja a nadie
   sin poder navegar; el foco se sigue moviendo ahi para los lectores de pantalla. */
.hd-landing h1:focus,.hd-landing h1:focus-visible{outline:none}
.hd-landing h2{font-size:clamp(1.8rem,3.2vw,2.5rem)}
.hd-landing h3{font-size:1.15rem;font-family:var(--font);font-weight:700}
.hd-landing .hd-lead{font-size:1.12rem;color:var(--ink-2);max-width:60ch}
.hd-landing section{padding:88px 0}
.hd-landing section.hd-tint{background:var(--lilac)}
.hd-landing section.hd-cream{background:var(--cream)}
.hd-landing .hd-kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);margin-bottom:.9rem}
.hd-landing .hd-kicker::before{content:"";width:28px;height:3px;background:var(--gold);border-radius:2px}
.hd-landing .hd-sec-head{max-width:720px;margin-bottom:44px}
.hd-landing .hd-sec-head.hd-center{margin:0 auto 44px;text-align:center}
.hd-landing .hd-sec-head.hd-center .hd-kicker{justify-content:center}
.hd-landing .hd-sec-head .hd-lead{margin-top:.9rem}
.hd-landing .hd-sec-head.hd-center .hd-lead{margin-left:auto;margin-right:auto}
.hd-landing .hd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700;font-size:1rem;padding:.85rem 1.4rem;border-radius:10px;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}
.hd-landing .hd-btn:active{transform:translateY(1px)}
.hd-landing .hd-btn svg{width:18px;height:18px;flex:0 0 auto}
.hd-landing .hd-btn-gold{color:var(--ink);background:var(--gold);border-color:var(--gold)}
.hd-landing .hd-btn-gold:hover{background:var(--gold-2);border-color:var(--gold-2);transform:translateY(-1px)}
.hd-landing .hd-btn-violet{color:#fff;background:var(--violet);border-color:var(--violet)}
.hd-landing .hd-btn-violet:hover{background:var(--violet-2);border-color:var(--violet-2)}
.hd-landing .hd-btn-outline{background:transparent;border-color:var(--violet);color:var(--violet)}
.hd-landing .hd-btn-outline:hover{background:var(--violet-soft)}
.hd-landing .hd-btn-lg{padding:1rem 1.6rem;font-size:1.05rem}
.hd-landing .hd-btn-sm{padding:.55rem .95rem;font-size:.9rem}
.hd-landing .hd-nav{position:sticky;top:0;z-index:60;background:rgba(255,253,249,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd-landing .hd-nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.hd-landing .hd-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-weight:700;font-size:1.4rem;color:var(--ink)}
.hd-landing .hd-brand img{height:34px;width:34px;border-radius:8px}
.hd-landing .hd-brand .hd-gold{color:var(--gold)}
.hd-landing .hd-nav-links{display:flex;align-items:center;gap:1.5rem}
.hd-landing .hd-nav-links a{font-weight:600;color:var(--ink-2);font-size:.94rem;padding:.3rem 0;border-bottom:2px solid transparent}
.hd-landing .hd-nav-links a:hover{border-bottom-color:var(--gold);color:var(--ink)}
.hd-landing .hd-nav-cta{display:flex;align-items:center;gap:.6rem}
.hd-landing .hd-menu-btn{display:none;background:none;border:0;cursor:pointer;padding:.4rem}
.hd-landing .hd-menu-btn svg{width:28px;height:28px;color:var(--ink)}
.hd-landing .hd-only-mobile{display:none}
.hd-landing .hd-hero{position:relative;padding:72px 0 0;background:
    radial-gradient(800px 420px at 8% 0%, rgba(139,79,214,.16), transparent 60%),
    radial-gradient(700px 400px at 95% 20%, rgba(201,162,39,.18), transparent 60%), var(--paper)}
.hd-landing .hd-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hd-landing .hd-hero h1 .hd-hl{color:var(--violet);font-style:italic}
.hd-landing .hd-hero .hd-lead{margin-top:1.2rem}
.hd-landing .hd-hero-note{margin-top:1.6rem;display:grid;gap:.6rem;color:var(--ink-2);font-size:.98rem}
.hd-landing .hd-hero-note span{display:inline-flex;align-items:center;gap:.6rem}
.hd-landing .hd-hero-note svg{width:20px;height:20px;color:var(--ok);flex:0 0 auto}
.hd-landing .hd-hero-cta{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.hd-landing .hd-hero-cta .hd-muted{color:var(--muted);font-size:.9rem}
.hd-landing form.hd-lead-form{background:#fff;border:1px solid var(--line-2);border-top:6px solid var(--gold);border-radius:var(--r);padding:26px 26px 22px;box-shadow:var(--shadow)}
.hd-landing .hd-lead-form h3{font-family:var(--font-head);font-size:1.4rem;margin-bottom:.2rem}
.hd-landing .hd-lead-form .hd-sub{color:var(--muted);font-size:.9rem;margin:0 0 1rem}
.hd-landing .hd-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hd-landing .hd-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:12px}
.hd-landing .hd-field label{font-size:.84rem;font-weight:700;color:var(--ink-2)}
.hd-landing .hd-field input,.hd-landing .hd-field select,.hd-landing .hd-field textarea{font:inherit;font-size:.97rem;padding:.7rem .85rem;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.hd-landing .hd-field input:focus,.hd-landing .hd-field select:focus,.hd-landing .hd-field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(108,47,176,.14)}
.hd-landing .hd-field .hd-invalid{border-color:var(--bad)!important}
.hd-landing .hd-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;color:var(--muted);margin:.3rem 0 .9rem}
.hd-landing .hd-consent input{margin-top:.3rem;accent-color:var(--violet)}
.hd-landing .hd-form-msg{min-height:1.2rem;font-size:.9rem;margin-top:.7rem;font-weight:600}
.hd-landing .hd-form-msg.hd-ok{color:var(--ok)}
.hd-landing .hd-form-msg.hd-err{color:var(--bad)}
.hd-landing .hd-lead-form .hd-btn{width:100%}
.hd-landing .hd-lead-form .hd-fine{margin:.8rem 0 0;font-size:.82rem;color:var(--muted);text-align:center}
.hd-landing .hd-showcase-band{margin-top:64px;padding:40px 0 0;background:linear-gradient(180deg,transparent 0 50%,var(--lilac) 50% 100%)}
.hd-landing .hd-shot{border-radius:14px;overflow:hidden;border:1px solid var(--line-2);box-shadow:var(--shadow);background:#fff;cursor:zoom-in;position:relative}
.hd-landing .hd-shot img{width:100%;height:auto;transition:opacity .25s}
.hd-landing .hd-shot img.hd-fade{opacity:0}
.hd-landing .hd-shot .hd-zoom{position:absolute;right:12px;bottom:12px;background:rgba(59,29,94,.8);color:#fff;border-radius:8px;padding:.35rem .6rem;font-size:.78rem;display:inline-flex;gap:.35rem;align-items:center;opacity:0;transition:opacity .2s}
.hd-landing .hd-shot:hover .hd-zoom{opacity:1}
.hd-landing .hd-shot .hd-zoom svg{width:14px;height:14px}
.hd-landing .hd-caption{margin-top:.8rem;color:var(--muted);font-size:.9rem;text-align:center}
.hd-landing .hd-strip{background:var(--lilac);padding:22px 0 40px}
.hd-landing .hd-strip .hd-wrap{display:flex;flex-wrap:wrap;gap:.5rem .6rem;justify-content:center}
.hd-landing .hd-strip span{font-size:.86rem;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);padding:.4rem .85rem;border-radius:8px}
.hd-landing .hd-cinema{max-width:1000px;margin:0 auto}
.hd-landing .hd-cinema .hd-shot{cursor:default}
.hd-landing .hd-cinema .hd-shot img{aspect-ratio:16/10;object-fit:cover;object-position:top left}
.hd-landing .hd-tour-progress{height:4px;background:var(--lilac-2);border-radius:2px;margin:14px 0 18px;overflow:hidden}
.hd-landing .hd-tour-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--gold))}
.hd-landing .hd-tour-now{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.hd-landing .hd-tour-now .hd-k{width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-weight:800;font-family:var(--font-head);font-size:1.2rem}
.hd-landing .hd-tour-now b{display:block;font-size:1.15rem}
.hd-landing .hd-tour-now p{margin:.15rem 0 0;color:var(--ink-2)}
.hd-landing .hd-tour-ctl{display:flex;gap:8px;align-items:center}
.hd-landing .hd-tour-ctl button{border:1px solid var(--line-2);background:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.hd-landing .hd-tour-ctl button:hover{background:var(--lilac)}
.hd-landing .hd-tour-ctl button svg{width:18px;height:18px}
.hd-landing .hd-tour-ctl .hd-cnt{font-size:.85rem;color:var(--muted);min-width:44px;text-align:center}
.hd-landing .hd-tour-steps{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.hd-landing .hd-tour-step{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;color:var(--ink-2);cursor:pointer}
.hd-landing .hd-tour-step.hd-active{background:var(--violet);border-color:var(--violet);color:#fff}
.hd-landing .hd-tour-step span{display:none}
.hd-landing .hd-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.hd-landing .hd-pillar .hd-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-ink);margin-bottom:14px}
.hd-landing .hd-pillar .hd-ico svg{width:24px;height:24px}
.hd-landing .hd-pillar h3{margin-bottom:.35rem}
.hd-landing .hd-pillar p{margin:0;color:var(--muted);font-size:.95rem}
.hd-landing .hd-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.hd-landing .hd-pills .hd-tab{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:.55rem 1rem;font-weight:700;font-size:.92rem;color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}
.hd-landing .hd-pills .hd-tab .hd-n{width:22px;height:22px;border-radius:50%;background:var(--lilac-2);color:var(--violet);font-size:.72rem;display:grid;place-items:center;font-weight:800}
.hd-landing .hd-pills .hd-tab span:not(.hd-n){display:none}
.hd-landing .hd-pills .hd-tab.hd-active{background:var(--violet);border-color:var(--violet);color:#fff}
.hd-landing .hd-pills .hd-tab.hd-active .hd-n{background:var(--gold);color:var(--ink)}
.hd-landing .hd-pill-desc{max-width:760px;margin:0 auto 22px;text-align:center;color:var(--ink-2);font-size:1.02rem;min-height:3.2em}
.hd-landing .hd-pill-shot{max-width:1000px;margin:0 auto}
.hd-landing .hd-fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hd-landing .hd-fcards.hd-four{grid-template-columns:repeat(4,1fr)}
.hd-landing .hd-fcard{background:#fff;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.hd-landing .hd-fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.hd-landing .hd-fcard .hd-pic{cursor:zoom-in;border-bottom:1px solid var(--line);background:var(--lilac)}
.hd-landing .hd-fcard .hd-pic img{aspect-ratio:16/10;object-fit:cover;object-position:top left;width:100%}
.hd-landing .hd-fcard .hd-txt{padding:18px 20px 22px}
.hd-landing .hd-fcard h3{font-size:1.05rem;margin-bottom:.35rem}
.hd-landing .hd-fcard p{margin:0;color:var(--muted);font-size:.93rem}
.hd-landing .hd-duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hd-landing .hd-feat-list{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.75rem}
.hd-landing .hd-feat-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-2)}
.hd-landing .hd-feat-list svg{flex:0 0 auto;width:20px;height:20px;color:var(--ok);margin-top:.15rem}
/* Cita literal de una norma (registro de jornada). El margin gana al reset de figure de arriba por especificidad. */
.hd-landing .hd-legal{margin:1.4rem 0 0;padding:1.05rem 1.25rem;background:var(--cream);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r)}
.hd-landing .hd-legal blockquote{margin:0;font-family:var(--font-head);font-style:italic;font-size:1.02rem;line-height:1.55;color:var(--ink-2)}
.hd-landing .hd-legal figcaption{margin:.65rem 0 0;font-size:.82rem;color:var(--muted)}
.hd-landing .hd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.hd-landing .hd-thumbs .hd-shot img{aspect-ratio:16/10;object-fit:cover;object-position:top left}
.hd-landing .hd-tablet{border-radius:18px;background:#1a1226;padding:10px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hd-landing .hd-tablet .hd-screen{border-radius:10px;overflow:hidden;background:#fff}
.hd-landing .hd-tablet img{width:100%;height:auto}
.hd-landing .hd-phone{border-radius:30px;background:#1a1226;padding:9px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hd-landing .hd-phone .hd-screen{border-radius:22px;overflow:hidden;background:#fff}
.hd-landing .hd-phone img{width:100%;height:auto}
.hd-landing .hd-device-stage{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:end}
.hd-landing .hd-plus{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 36px}
.hd-landing .hd-plus > div{display:flex;gap:.8rem;align-items:flex-start}
.hd-landing .hd-plus .hd-dot{flex:0 0 34px;height:34px;border-radius:50%;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center}
.hd-landing .hd-plus .hd-dot svg{width:18px;height:18px}
.hd-landing .hd-plus h3{font-size:1rem;margin-bottom:.25rem}
.hd-landing .hd-plus p{margin:0;color:var(--muted);font-size:.93rem}
.hd-landing .hd-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hd-landing .hd-thumb{border-radius:10px;overflow:hidden;border:1px solid var(--line-2);background:#fff;cursor:zoom-in;box-shadow:var(--shadow-sm)}
.hd-landing .hd-thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top left;width:100%}
.hd-landing .hd-thumb figcaption{padding:.55rem .8rem;font-size:.84rem;font-weight:600;color:var(--ink-2);border-top:1px solid var(--line)}
.hd-landing .hd-price-wrap{max-width:520px;margin:0 auto}
.hd-landing .hd-price-card{background:#fff;border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.hd-landing .hd-price-head{background:var(--violet-deep);color:#fff;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}
.hd-landing .hd-price-head b{font-family:var(--font-head);font-size:1.3rem}
.hd-landing .hd-price-head span{font-size:.85rem;color:#d9cbef}
.hd-landing .hd-price-body{padding:26px 28px 28px}
.hd-landing .hd-price-tag{display:flex;align-items:baseline;gap:.4rem;font-family:var(--font-head)}
.hd-landing .hd-price-tag .hd-amount{font-size:3.6rem;font-weight:700;line-height:1}
.hd-landing .hd-price-tag .hd-per{font-size:1.1rem;color:var(--muted);font-family:var(--font)}
.hd-landing .hd-price-note{color:var(--muted);font-size:.9rem;margin:.2rem 0 1rem}
.hd-landing .hd-price-soon{font-family:var(--font-head);font-size:2rem;color:var(--violet);margin:0 0 .3rem}
.hd-landing .hd-price-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.hd-landing .hd-badge{font-size:.8rem;font-weight:700;padding:.35rem .7rem;border-radius:6px;background:var(--gold-soft);color:var(--gold-ink)}
.hd-landing .hd-badge.hd-v{background:var(--violet-soft);color:var(--violet)}
.hd-landing .hd-price-body .hd-btn{width:100%;margin-top:1.2rem}
.hd-landing .hd-trial{display:none;margin-top:.8rem;text-align:center;color:var(--muted);font-size:.9rem}
.hd-landing .hd-trial.hd-on{display:block}
.hd-landing .hd-price-incl{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.hd-landing .hd-price-incl li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-2);font-size:.95rem}
.hd-landing .hd-price-incl svg{width:18px;height:18px;color:var(--ok);flex:0 0 auto;margin-top:.2rem}
.hd-landing .hd-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;align-items:start}
.hd-landing .hd-faq details{background:#fff;border:1px solid var(--line-2);border-left:4px solid var(--gold);border-radius:10px;padding:0 18px}
.hd-landing .hd-faq summary{list-style:none;cursor:pointer;font-weight:700;padding:14px 0;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.hd-landing .hd-faq summary::-webkit-details-marker{display:none}
.hd-landing .hd-faq summary::after{content:"+";font-family:var(--font-head);font-size:1.4rem;color:var(--violet);line-height:1;transition:transform .2s}
.hd-landing .hd-faq details[open] summary::after{transform:rotate(45deg)}
.hd-landing .hd-faq details p{margin:0 0 14px;color:var(--ink-2);font-size:.95rem}
.hd-landing .hd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;counter-reset:s}
.hd-landing .hd-steps::before{content:"";position:absolute;left:8%;right:8%;top:26px;height:2px;background:var(--line-2)}
.hd-landing .hd-step{text-align:center;position:relative}
.hd-landing .hd-step::before{counter-increment:s;content:counter(s);width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;margin:0 auto 14px;font-family:var(--font-head);font-weight:700;font-size:1.3rem;position:relative;border:6px solid var(--paper)}
.hd-landing .hd-step p{margin:.4rem 0 0;color:var(--muted)}
.hd-landing .hd-final{background:linear-gradient(135deg,var(--violet-deep),var(--violet));color:#fff;padding:72px 0}
.hd-landing .hd-final h2{color:#fff}
.hd-landing .hd-final p{color:#e6dcf3;max-width:60ch}
.hd-landing .hd-final .hd-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.6rem}
.hd-landing .hd-final .hd-btn-outline{border-color:rgba(255,255,255,.6);color:#fff}
.hd-landing .hd-final .hd-btn-outline:hover{background:rgba(255,255,255,.1)}
.hd-landing footer{background:#1c0d2e;color:#c4b7d8;padding:52px 0 26px}
.hd-landing .hd-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:32px}
.hd-landing .hd-foot .hd-brand{color:#fff}
.hd-landing .hd-foot p{margin:.8rem 0 0;font-size:.92rem;max-width:36ch}
.hd-landing .hd-foot h4{color:#fff;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.9rem;font-family:var(--font)}
.hd-landing .hd-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.hd-landing .hd-foot a:hover{color:#fff}
.hd-landing .hd-foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.hd-landing .hd-lb{position:fixed;inset:0;z-index:100;background:rgba(20,8,36,.9);display:none;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(8px)}
.hd-landing .hd-lb.hd-open{display:flex}
.hd-landing .hd-lb img{max-width:min(1500px,96vw);max-height:84vh;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.7);background:#fff}
.hd-landing .hd-lb .hd-lb-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#e6dcf3;font-size:.95rem}
.hd-landing .hd-lb .hd-lb-close{position:absolute;top:18px;right:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1.3rem;line-height:1}
.hd-landing .hd-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.hd-landing .hd-reveal.hd-in{opacity:1;transform:none}
@media (max-width:1024px){
  .hd-landing .hd-pillars{grid-template-columns:repeat(2,1fr)}
  .hd-landing .hd-gallery{grid-template-columns:repeat(3,1fr)}
  .hd-landing .hd-fcards,.hd-landing .hd-fcards.hd-four{grid-template-columns:repeat(2,1fr)}
  .hd-landing .hd-hero-grid,.hd-landing .hd-duo{grid-template-columns:1fr;gap:36px}
  .hd-landing .hd-plus{grid-template-columns:repeat(2,1fr)}
  .hd-landing .hd-faq{grid-template-columns:1fr}
  .hd-landing .hd-foot{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hd-landing section{padding:60px 0}
  .hd-landing .hd-nav-links{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 24px 24px;gap:1rem;border-bottom:1px solid var(--line);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}
  .hd-landing .hd-nav-links.hd-open{opacity:1;transform:none;pointer-events:auto}
  .hd-landing .hd-nav-links .hd-only-mobile{display:flex;font-weight:700}
  .hd-landing .hd-menu-btn{display:block}
  .hd-landing .hd-nav-cta .hd-btn-gold{display:none}
  .hd-landing .hd-nav-cta .hd-btn-outline span{display:none}
  .hd-landing .hd-nav-cta .hd-btn-outline{padding:.55rem .7rem}
  .hd-landing .hd-brand{font-size:1.2rem}
  .hd-landing .hd-wrap{padding:0 18px}
  .hd-landing .hd-hero{padding-top:44px}
  .hd-landing .hd-hero h1{font-size:clamp(2rem,9vw,2.5rem)}
  .hd-landing .hd-pillars,.hd-landing .hd-fcards,.hd-landing .hd-fcards.hd-four,.hd-landing .hd-steps,.hd-landing .hd-plus{grid-template-columns:1fr}
  .hd-landing .hd-steps::before{display:none}
  .hd-landing .hd-gallery{grid-template-columns:repeat(2,1fr)}
  .hd-landing .hd-row2{grid-template-columns:1fr}
  .hd-landing .hd-device-stage{grid-template-columns:1fr}
  .hd-landing .hd-device-stage .hd-phone{display:none}
  .hd-landing .hd-tour-now{grid-template-columns:auto 1fr}
  .hd-landing .hd-tour-ctl{grid-column:1/-1;justify-content:center}
  .hd-landing .hd-foot{grid-template-columns:1fr}
  .hd-landing .hd-price-tag .hd-amount{font-size:2.8rem}
}
@media (prefers-reduced-motion:reduce){
  .hd-landing .hd-reveal{opacity:1;transform:none;transition:none}
}