:root{--ink:#0b2a57;--muted:#6d819f;--blue:#3b6df6;--violet:#7158f6;--green:#25ae78;--line:#dfe8f4;--shadow:0 15px 40px rgba(24,64,116,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#f8fbff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;top:-60px;left:12px;background:#fff;padding:10px 14px;border-radius:10px;z-index:999}.skip:focus{top:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{height:68px;background:rgba(251,253,255,.96);border-bottom:1px solid #e4edf7;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.nav-row{height:100%;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:19px;background:linear-gradient(145deg,#17c7d0,#386cff 56%,#7659f7);box-shadow:0 8px 18px rgba(57,101,255,.24)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px;letter-spacing:.13em;color:#8190a7;margin-top:5px}.main-nav{display:flex;justify-content:center;gap:29px;font-size:12px;font-weight:750}.main-nav a{padding:8px 0}.nav-actions{display:flex;gap:10px}.menu-btn{display:none;border:0;background:none;font-size:22px}.btn{min-height:42px;padding:0 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#3475ff,#555fff 58%,#7156f8);box-shadow:0 10px 24px rgba(68,94,255,.22)}.btn-ghost,.btn-light{background:rgba(255,255,255,.92);border-color:#cddcf0;color:#315fcc}.btn-large{min-height:49px;padding-inline:22px}.full{width:100%}
.hero{background:linear-gradient(180deg,#eef6ff,#f6faff);overflow:hidden}.hero-desktop{position:relative;max-width:1536px;margin:0 auto;background:#edf6ff}.hero-desktop>img{width:100%;height:auto;display:block}.hero-hotspots{position:absolute;inset:0}.hotspot{position:absolute;display:block;border-radius:12px}.hotspot:focus-visible{outline:3px solid #111;outline-offset:3px}.hotspot-free{left:12.55%;top:57.3%;width:12.1%;height:8.9%}.hotspot-how{left:25.3%;top:57.3%;width:10.8%;height:8.9%}.hero-mobile{display:none}
.section{padding:54px 0}.eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:.23em;font-weight:800;color:#61799a}.section-intro h2{font-size:40px;line-height:1.04;letter-spacing:-.047em;margin:0 0 13px}.section-intro p:not(.eyebrow){font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:430px}.grid-intro-features{display:grid;grid-template-columns:1.05fr 2.75fr;gap:36px;align-items:stretch}.pillars{background:linear-gradient(180deg,#f8fbff,#f2f7ff)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{background:#fff;border:1px solid #e3ebf5;border-radius:18px;padding:20px;min-height:230px;box-shadow:var(--shadow)}.feature-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;margin-bottom:13px;font-weight:800}.feature-icon.green{background:#e9faf2;color:#1fa676}.feature-icon.blue{background:#edf3ff;color:#466bf1}.feature-icon.violet{background:#f2edff;color:#7459f5}.feature-card h3{font-size:18px;margin:0;letter-spacing:-.03em}.feature-card strong{display:block;color:#5267f5;font-size:12px;margin-top:2px}.feature-card p{font-size:11px;line-height:1.55;color:#70829e;margin:13px 0 0}
.plans{background:linear-gradient(180deg,#edf5ff,#f8fbff)}.plans-grid{display:grid;grid-template-columns:1.03fr 1.15fr 1.15fr .78fr;gap:13px;align-items:center}.plan-intro{padding-right:16px}.scribble{font-family:"Comic Sans MS","Bradley Hand",cursive;color:#5c68ff;font-size:16px;line-height:1.15;margin:58px 0 0 86px;transform:rotate(-5deg)}.price-card{border-radius:20px;padding:17px;border:1px solid #dce7f4;min-height:382px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.price-card.free{background:#fff}.price-card.realtime{color:#fff;background:linear-gradient(160deg,#12376d,#151d53 70%,#282267);border-color:#29417a}.price-head{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.plan-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#19cbd1,#4768ff 60%,#7159f5);color:#fff}.price-head h3{font-size:17px;margin:0}.price-head small{font-size:8px;color:#788ba6}.realtime .price-head small{color:#c9d2e5}.price-head em{font-size:7px;font-style:normal;padding:5px 7px;border-radius:20px;background:#e7f9ef;color:#1c9f67;font-weight:800}.realtime .price-head em{background:#6b55df;color:#fff}.price-card ul{list-style:none;padding:0;margin:15px 0;display:grid;gap:6px;flex:1;font-size:9.5px}.price-card li{padding-bottom:6px;border-bottom:1px solid #e3ebf4;display:flex;gap:7px}.realtime li{border-color:rgba(255,255,255,.08)}.price-card li:before{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:8px;flex:0 0 auto}.price-card .yes:before{content:"✓";background:#e6f9ef;color:#1ca16b}.price-card .no{color:#a4b1c5}.price-card .no:before{content:"×";background:#eef2f7;color:#9aa9bc}.plan-foot{text-align:center;font-size:8px!important;margin-top:8px;color:#7587a2}.realtime .plan-foot{color:#c2cce0}.decision-card{background:#fff;border:1px solid #e3eaf5;border-radius:20px;min-height:360px;padding:19px;box-shadow:var(--shadow)}.crown{width:38px;height:38px;border-radius:50%;background:#fff4df;color:#efa331;display:grid;place-items:center}.decision-card h3{font-size:22px;line-height:1.04;margin:14px 0 10px;letter-spacing:-.04em}.decision-card p{font-size:10px;line-height:1.55;color:#71829e}.decision-list{display:grid;gap:11px;margin-top:23px;color:#536ea8;font-size:10px;font-weight:700}
.how{background:#f8fbff;padding:38px 0}.how-grid{display:grid;grid-template-columns:.95fr 2.65fr;gap:34px;align-items:center}.compact h2{font-size:31px}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.step{background:#fff;border:1px solid #e2eaf5;border-radius:17px;min-height:112px;padding:16px 15px 16px 74px;position:relative;box-shadow:var(--shadow)}.step i{position:absolute;left:20px;top:31px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:#3c69f4;font-style:normal;font-size:21px}.num{position:absolute;left:12px;top:-11px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#466bf6;font-size:11px;font-weight:800}.step h3{font-size:11px;margin:0 0 5px}.step p{font-size:9px;line-height:1.48;color:#7486a1;margin:0}.arrow{color:#416cf7;font-size:18px}
.security{background:#fff;padding:40px 0}.security-grid{display:grid;grid-template-columns:1fr 2.75fr;gap:34px}.text-link{display:inline-block;margin-top:15px;color:#3b66f1;font-size:10px;font-weight:800}.security-items{display:grid;grid-template-columns:repeat(4,1fr)}.security-item{padding:0 20px;border-left:1px solid #e1e9f4}.security-item:first-child{border-left:0}.security-item>span{width:39px;height:39px;border-radius:11px;background:#eef4ff;color:#3d68f1;display:grid;place-items:center;font-size:18px}.security-item h3{font-size:11px;margin:11px 0 5px}.security-item p{font-size:9px;color:#7486a1;line-height:1.48;margin:0}
.cta-section{padding:22px 0 15px;background:#f8fbff}.cta{min-height:112px;border:1px solid #dce6f3;border-radius:20px;background:linear-gradient(110deg,#f7fbff,#edf5ff);display:grid;grid-template-columns:auto 1.25fr auto;gap:22px;align-items:center;padding:20px 24px 48px;position:relative;overflow:hidden}.cta-brand{display:flex;align-items:center;gap:10px}.cta-copy h2{font-size:24px;letter-spacing:-.04em;margin:0}.cta-copy p{font-size:10px;color:#72849f;margin:5px 0 0}.cta-actions{display:flex;gap:9px;z-index:2}.cta-note{position:absolute;right:26px;bottom:10px;font-family:"Comic Sans MS","Bradley Hand",cursive;color:#5c68ff;font-size:11px;line-height:1.15;text-align:right;transform:rotate(-4deg)}
footer{background:#f8fbff;padding:10px 0 24px}.footer-row{border-top:1px solid #e2eaf4;padding-top:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#6f819c;font-size:8px}.footer-row nav{display:flex;gap:22px}.footer-row>span:last-child{justify-self:end}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:1080px){.wrap{width:min(960px,calc(100% - 32px))}.main-nav{gap:16px}.grid-intro-features,.how-grid,.security-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:1fr 1fr}.plan-intro,.decision-card{grid-column:1/-1}.decision-card{min-height:auto}.security-items{grid-template-columns:repeat(2,1fr);gap:18px}.security-item:nth-child(3){border-left:0}.cta{grid-template-columns:1fr;text-align:center;padding-bottom:22px}.cta-brand,.cta-actions{justify-content:center}.cta-note{display:none}}
@media(max-width:760px){.topbar{height:64px}.nav-row{grid-template-columns:auto 1fr auto}.menu-btn{display:block;justify-self:end}.main-nav{display:none;position:absolute;left:16px;right:16px;top:64px;background:#fff;border:1px solid #dfe8f3;border-radius:15px;padding:12px;flex-direction:column;box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-actions .btn-primary{display:none}.hero-desktop{display:none}.hero-mobile{display:block;padding:38px 18px 42px;text-align:center;background:radial-gradient(circle at 20% 10%,#e8fbff,transparent 35%),linear-gradient(180deg,#eef6ff,#f8fbff)}.mobile-hero-copy{max-width:620px;margin:auto}.mobile-hero-copy h1{font-size:54px;line-height:.92;letter-spacing:-.055em;margin:0}.mobile-hero-copy h1 span{background:linear-gradient(90deg,#2b6dfc,#7559f7);-webkit-background-clip:text;background-clip:text;color:transparent}.mobile-hero-copy h2{font-size:18px;margin:14px 0 10px}.mobile-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;color:#647b9b}.mobile-actions{display:grid;gap:10px;margin-top:20px}.mobile-dashboard{margin:28px auto 0;border-radius:18px;box-shadow:0 22px 50px rgba(24,64,116,.17);max-width:650px}.feature-grid,.plans-grid,.security-items{grid-template-columns:1fr}.plan-intro,.decision-card{grid-column:auto}.steps{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.security-item{border-left:0;border-top:1px solid #e1e9f4;padding:16px 0}.security-item:first-child{border-top:0}.footer-row{grid-template-columns:1fr;text-align:center;gap:12px}.footer-row nav{justify-content:center;flex-wrap:wrap}.footer-row>span:last-child{justify-self:center}}
@media(max-width:500px){.wrap{width:calc(100% - 22px)}.brand-copy small{display:none}.nav-actions .btn-ghost{padding-inline:13px}.mobile-hero-copy h1{font-size:47px}.section-intro h2{font-size:32px}.cta-actions{display:grid}.cta-actions .btn{width:100%}}

/* =========================================================
   HIE MOBILE / TABLET RESPONSIVE PASS · 2026-09-05
   These rules intentionally override the base desktop layout.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
main,section,.wrap,.plans-grid,.feature-grid,.security-items,.steps{min-width:0}

@media (max-width: 900px){
  .wrap{width:min(100% - 34px,820px)}
  .section{padding:48px 0}
  .grid-intro-features,.how-grid,.security-grid{grid-template-columns:1fr;gap:26px}
  .section-intro{max-width:680px}
  .section-intro h2{font-size:clamp(32px,5.6vw,40px)}
  .section-intro p:not(.eyebrow){max-width:620px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .feature-card{min-height:0;padding:22px}
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
  .plan-intro{grid-column:1/-1;padding-right:0;max-width:700px}
  .scribble{margin:24px 0 0 18px}
  .decision-card{grid-column:1/-1;min-height:0}
  .decision-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .security-item{padding:18px 22px;border-top:1px solid #e1e9f4}
  .security-item:nth-child(odd){border-left:0}
  .security-item:nth-child(-n+2){border-top:0}
  .cta{grid-template-columns:1fr;text-align:center;gap:18px;padding:24px}
  .cta-brand,.cta-actions{justify-content:center}
  .cta-note{display:none}
}

@media (max-width: 760px){
  :root{--shadow:0 12px 30px rgba(24,64,116,.08)}
  .wrap{width:calc(100% - 28px)}

  /* Header */
  .topbar{height:66px}
  .nav-row{display:flex;height:66px;gap:10px;position:relative}
  .brand{min-width:0}
  .brand-icon{width:38px;height:38px;border-radius:12px;font-size:17px;flex:0 0 auto}
  .brand-copy strong{font-size:17px}
  .brand-copy small{font-size:7px}
  .nav-actions{margin-left:auto;display:flex;align-items:center}
  .nav-actions .btn-primary{display:none}
  .nav-actions .btn-ghost{min-height:38px;padding:0 13px;font-size:11px;border-radius:10px}
  .menu-btn{display:grid;place-items:center;width:42px;height:42px;margin-left:0;border:1px solid #dbe6f3;border-radius:11px;background:#fff;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
  .main-nav{display:none;position:absolute;left:0;right:0;top:58px;z-index:90;background:#fff;border:1px solid #dfe8f3;border-radius:16px;padding:8px;flex-direction:column;gap:0;box-shadow:0 22px 50px rgba(18,52,97,.16)}
  .main-nav.open{display:flex}
  .main-nav a{padding:13px 12px;font-size:13px;border-bottom:1px solid #edf2f8}
  .main-nav a:last-child{border-bottom:0}

  /* Mobile hero replaces the large desktop artwork entirely. */
  .hero-desktop{display:none!important}
  .hero-mobile{display:block;padding:34px 14px 42px;text-align:center;background:
      radial-gradient(circle at 10% 2%,rgba(38,203,209,.14),transparent 32%),
      radial-gradient(circle at 92% 8%,rgba(113,88,246,.13),transparent 34%),
      linear-gradient(180deg,#eef6ff 0%,#f8fbff 100%)}
  .mobile-hero-copy{max-width:620px;margin:0 auto}
  .mobile-hero-copy .eyebrow{font-size:9px;line-height:1.45;margin-bottom:14px}
  .mobile-hero-copy h1{font-size:clamp(46px,14.5vw,64px);line-height:.93;letter-spacing:-.058em;margin:0;color:#0b2a57}
  .mobile-hero-copy h2{font-size:clamp(17px,4.7vw,21px);line-height:1.25;margin:16px 0 10px;letter-spacing:-.025em}
  .mobile-hero-copy>p:not(.eyebrow){max-width:560px;margin:0 auto;font-size:13px;line-height:1.62;color:#647b9b}
  .mobile-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:22px auto 0;max-width:480px}
  .mobile-actions .btn{width:100%;min-height:50px;font-size:12px;border-radius:13px}
  .mobile-dashboard{display:block;width:min(100%,680px);height:auto;margin:28px auto 0;border-radius:17px;border:1px solid rgba(183,204,230,.8);box-shadow:0 22px 50px rgba(24,64,116,.16)}

  /* Content rhythm */
  .section{padding:44px 0}
  .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.19em;margin-bottom:10px}
  .section-intro{text-align:left}
  .section-intro h2,.compact h2{font-size:clamp(30px,8vw,36px);line-height:1.03;margin-bottom:12px}
  .section-intro p:not(.eyebrow){font-size:12px;line-height:1.62}

  /* Features */
  .feature-grid{grid-template-columns:1fr;gap:12px}
  .feature-card{min-height:0;padding:20px;border-radius:17px}
  .feature-card h3{font-size:17px}
  .feature-card strong{font-size:11px}
  .feature-card p{font-size:11px;margin-top:10px}
  .feature-icon{width:40px;height:40px;margin-bottom:12px}

  /* Plans */
  .plans-grid{grid-template-columns:1fr;gap:14px}
  .plan-intro,.decision-card{grid-column:auto}
  .scribble{font-size:15px;margin:22px 0 4px 18px}
  .price-card{min-height:0;padding:18px;border-radius:19px}
  .price-head{grid-template-columns:auto minmax(0,1fr);position:relative;padding-right:0}
  .price-head em{grid-column:2;justify-self:start;margin-top:2px;font-size:8px}
  .price-head h3{font-size:17px}
  .price-head small{font-size:9px}
  .plan-icon{width:42px;height:42px;grid-row:1/3}
  .price-card ul{font-size:10.5px;gap:7px;margin:17px 0}
  .price-card li{line-height:1.35;padding-bottom:7px}
  .price-card .btn{min-height:48px;font-size:12px}
  .plan-foot{font-size:9px!important}
  .decision-card{padding:20px;border-radius:19px}
  .decision-card h3{font-size:24px}
  .decision-card p{font-size:11px}
  .decision-list{grid-template-columns:1fr;gap:10px;font-size:11px;margin-top:18px}

  /* Journey */
  .how{padding:42px 0}
  .how-grid{gap:24px}
  .steps{grid-template-columns:1fr;gap:8px}
  .arrow{transform:rotate(90deg);text-align:center;height:18px;line-height:18px}
  .step{min-height:0;padding:20px 18px 20px 76px;border-radius:17px}
  .step i{left:19px;top:50%;transform:translateY(-50%);width:45px;height:45px}
  .num{left:11px;top:-10px}
  .step h3{font-size:12px;margin-bottom:5px}
  .step p{font-size:10px;line-height:1.5}

  /* Security */
  .security{padding:42px 0}
  .security-grid{gap:20px}
  .security-items{grid-template-columns:1fr}
  .security-item,.security-item:nth-child(n){border-left:0;border-top:1px solid #e1e9f4;padding:17px 0}
  .security-item:first-child{border-top:0}
  .security-item>span{width:40px;height:40px}
  .security-item h3{font-size:12px;margin:10px 0 5px}
  .security-item p{font-size:10px;line-height:1.5}
  .text-link{font-size:10px}

  /* CTA */
  .cta-section{padding:18px 0}
  .cta{min-height:0;padding:22px 18px;border-radius:18px;gap:17px;text-align:center}
  .cta-brand{justify-content:center}
  .cta-copy h2{font-size:25px;line-height:1.08}
  .cta-copy p{font-size:11px;line-height:1.5}
  .cta-actions{display:grid;grid-template-columns:1fr;gap:9px;width:100%;max-width:480px;margin:0 auto}
  .cta-actions .btn{width:100%;min-height:48px}
  .cta-note{display:none}

  /* Footer */
  footer{padding:12px 0 26px}
  .footer-row{grid-template-columns:1fr;gap:14px;text-align:center;font-size:9px}
  .footer-row nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 16px}
  .footer-row>span:last-child{justify-self:center}
}

@media (max-width: 520px){
  .wrap{width:calc(100% - 24px)}
  .brand-copy small{display:none}
  .brand-copy strong{font-size:16px}
  .nav-actions .btn-ghost{font-size:10px;padding:0 11px}
  .menu-btn{width:40px;height:40px}
  .hero-mobile{padding:30px 12px 38px}
  .mobile-hero-copy h1{font-size:clamp(44px,15vw,58px)}
  .mobile-dashboard{margin-top:24px;border-radius:14px}
  .section{padding:40px 0}
  .section-intro h2,.compact h2{font-size:clamp(29px,9vw,34px)}
  .feature-card,.price-card,.decision-card{border-radius:16px}
  .cta-copy h2{font-size:23px}
}

@media (max-width: 380px){
  .nav-actions .btn-ghost{display:none}
  .mobile-hero-copy h1{font-size:43px}
  .mobile-hero-copy h2{font-size:17px}
  .mobile-hero-copy>p:not(.eyebrow){font-size:12px}
  .section-intro h2,.compact h2{font-size:29px}
  .price-card{padding:16px}
}


/* =========================================================
   HIE CONTENT PAGES · FEATURE / PLAN / SECURITY / COMING SOON
   ========================================================= */
.learn-link,.plan-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;color:#3f63f3;font-size:10px;font-weight:800;letter-spacing:-.01em}.learn-link:hover,.plan-more:hover{text-decoration:underline}.learn-link.small{font-size:9px;padding-top:10px}.plan-more{justify-content:center;margin-top:3px;padding-top:7px}.plan-more.inverse{color:#cbd6ff}.dual-links{display:flex;gap:18px;flex-wrap:wrap}.inverse-on-dark{color:#4268f3}
.detail-page,.coming-page{background:#f8fbff}.subpage-topbar{background:rgba(248,251,255,.94)}
.detail-hero{position:relative;overflow:hidden;padding:92px 0 82px;background:radial-gradient(circle at 85% 10%,rgba(109,92,255,.16),transparent 30%),radial-gradient(circle at 8% 5%,rgba(32,201,207,.12),transparent 28%),linear-gradient(180deg,#eef6ff,#f8fbff)}
.detail-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center}.detail-copy{max-width:690px}.back-link{display:inline-flex;margin-bottom:34px;color:#597291;font-size:11px;font-weight:700}.detail-copy h1{font-size:clamp(54px,6vw,86px);line-height:.92;letter-spacing:-.065em;margin:0 0 24px;color:#0b2a56}.detail-copy h1 span{background:linear-gradient(95deg,#2c6eff,#7558ff);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-copy>p:not(.eyebrow){font-size:16px;line-height:1.72;color:#607796;max-width:660px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.detail-visual{min-height:390px;border-radius:34px;background:linear-gradient(145deg,#123a72,#1a2a61 65%,#2f286d);box-shadow:0 30px 70px rgba(20,53,104,.22);position:relative;display:grid;place-items:center;overflow:hidden}.detail-visual:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,rgba(111,91,255,.55),transparent 65%)}.detail-visual:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-100px;bottom:-100px;background:radial-gradient(circle,rgba(27,204,202,.30),transparent 68%)}.detail-orb,.security-shield{width:118px;height:118px;border-radius:36px;background:linear-gradient(145deg,#1acbd1,#4569ff 58%,#7559ff);color:#fff;display:grid;place-items:center;font-size:58px;box-shadow:0 20px 45px rgba(38,101,255,.36);position:relative;z-index:2}.detail-badge{position:absolute;right:28px;top:28px;background:#e8fbef;color:#1b9e67;font-size:10px;font-weight:800;border-radius:999px;padding:8px 12px;z-index:2}.mini-panel{position:absolute;left:28px;right:28px;bottom:26px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:18px;padding:17px 18px;z-index:2;display:flex;flex-direction:column}.mini-panel span{font-size:7px;letter-spacing:.18em;color:#7386a4;font-weight:800}.mini-panel strong{font-size:15px;color:#102a50;margin-top:4px}.mini-panel small{font-size:9px;color:#71839d;margin-top:3px}
.detail-content{padding:72px 0 88px;background:#f8fbff}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-card{background:#fff;border:1px solid #e0e9f5;border-radius:24px;padding:30px;box-shadow:0 12px 32px rgba(26,64,116,.07);min-height:300px}.info-icon{width:38px;height:38px;border-radius:12px;background:#edf3ff;color:#4568f5;display:grid;place-items:center;font-size:13px;font-weight:800}.info-card h2,.wide-info h2{font-size:27px;line-height:1.08;letter-spacing:-.04em;color:#102b54;margin:22px 0 12px}.info-card>p,.wide-info p{font-size:13px;line-height:1.72;color:#6b7f9d}.detail-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:9px}.detail-list li{font-size:11px;line-height:1.5;color:#526986;display:flex;gap:9px}.detail-list li:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e8faf1;color:#1aa36d;font-size:9px;flex:0 0 auto}.callout{margin-top:18px;border-radius:14px;padding:14px 16px;background:#eff6ff;border:1px solid #dce8f8;color:#536b8a;font-size:11px;line-height:1.6}.quote-card{margin-top:18px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#eef8ff,#f3f1ff);color:#24436e;font-size:13px;line-height:1.65;font-weight:600}.detail-cta{margin-top:28px;border:1px solid #dbe6f3;border-radius:24px;background:linear-gradient(115deg,#fff,#edf5ff);padding:30px;display:flex;justify-content:space-between;gap:30px;align-items:center}.detail-cta h2{font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:0 0 8px}.detail-cta p:not(.eyebrow){font-size:12px;color:#71849e;margin:0;max-width:700px}
.security-hero .security-shield{font-size:46px}.security-detail .wrap{display:grid;gap:16px}.wide-info{scroll-margin-top:100px;background:#fff;border:1px solid #e0e9f5;border-radius:24px;padding:30px;display:grid;grid-template-columns:auto 1fr;gap:24px;box-shadow:0 12px 32px rgba(26,64,116,.05)}.wide-info h2{margin-top:5px}.wide-info .eyebrow{margin-bottom:0}.legal-note{font-size:10px!important;border-top:1px solid #e3ebf5;padding-top:14px;margin-top:18px}
.coming{min-height:calc(100vh - 150px);position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(68,105,255,.18),transparent 35%),radial-gradient(circle at 10% 90%,rgba(34,202,205,.12),transparent 30%),linear-gradient(180deg,#edf5ff,#f9fbff)}.coming-glow{position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(78,111,255,.12);left:-250px;top:-240px}.coming-wrap{padding:70px 0}.coming-card{width:min(820px,100%);margin:auto;text-align:center;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border:1px solid #dbe6f4;border-radius:32px;padding:54px 48px;box-shadow:0 30px 70px rgba(22,61,114,.11)}.coming-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#1bcbd1,#426aff 58%,#7558ff);color:#fff;display:grid;place-items:center;margin:0 auto 24px;font-size:32px;box-shadow:0 15px 34px rgba(57,99,255,.28)}.coming-card h1{font-size:clamp(44px,6vw,72px);line-height:.96;letter-spacing:-.06em;margin:0;color:#0c2a56}.coming-card h1 span{background:linear-gradient(95deg,#2d6eff,#7558ff);-webkit-background-clip:text;background-clip:text;color:transparent}.coming-lead{font-size:15px;line-height:1.72;color:#667c9a;max-width:660px;margin:24px auto}.coming-status{display:grid;gap:9px;max-width:530px;margin:24px auto;text-align:left}.coming-status span{font-size:11px;color:#526a88;background:#f7faff;border:1px solid #e3ebf5;border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:9px}.coming-status i{width:10px;height:10px;border-radius:50%;background:#28b783;box-shadow:0 0 0 5px #e9faf3}.coming-status span:nth-child(n+2) i{background:#5977ff;box-shadow:0 0 0 5px #eef1ff}.coming-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:26px}.coming-card>small{display:block;color:#8191aa;font-size:9px;margin-top:18px}
@media(max-width:900px){.detail-hero{padding:60px 0}.detail-hero-grid{grid-template-columns:1fr;gap:34px}.detail-copy{text-align:center;margin:auto}.back-link{margin-bottom:24px}.detail-copy>p:not(.eyebrow){margin-inline:auto}.detail-actions{justify-content:center}.detail-visual{min-height:330px;width:min(620px,100%);margin:auto}.info-grid{grid-template-columns:1fr}.wide-info{grid-template-columns:1fr}.detail-cta{flex-direction:column;align-items:flex-start}.coming-card{padding:44px 28px}}
@media(max-width:760px){.detail-hero{padding:42px 0 48px}.detail-copy h1{font-size:clamp(46px,13vw,62px)}.detail-copy>p:not(.eyebrow){font-size:13px}.detail-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:480px;margin:24px auto 0}.detail-actions .btn{width:100%}.detail-visual{min-height:280px;border-radius:24px}.detail-orb,.security-shield{width:92px;height:92px;border-radius:28px;font-size:44px}.detail-badge{right:18px;top:18px}.mini-panel{left:16px;right:16px;bottom:16px}.detail-content{padding:44px 0 55px}.info-card{padding:22px;min-height:0;border-radius:19px}.info-card h2,.wide-info h2{font-size:23px}.wide-info{padding:22px;border-radius:19px}.detail-cta{padding:22px;border-radius:19px}.detail-cta h2{font-size:25px}.coming{min-height:calc(100vh - 130px)}.coming-wrap{padding:38px 0}.coming-card{padding:34px 20px;border-radius:24px}.coming-card h1{font-size:clamp(40px,12vw,56px)}.coming-lead{font-size:13px}.coming-actions{display:grid}.coming-actions .btn{width:100%}}

/* --- Próximamente: mobile legibility fixes --- */
@media(max-width:760px){
  .coming-wrap{padding:28px 0 34px}.coming-card{padding:30px 18px 24px;border-radius:22px;width:100%;overflow:hidden}.coming-icon{width:58px;height:58px;border-radius:18px;font-size:26px;margin-bottom:18px}.coming-card .eyebrow{margin-bottom:12px}.coming-card h1{font-size:clamp(36px,11.2vw,50px);line-height:1.01;letter-spacing:-.05em}.coming-card h1 br{display:none}.coming-card h1 span{display:block;margin-top:4px}.coming-lead{font-size:12.5px;line-height:1.62;margin:18px auto}.coming-status{gap:8px;margin:18px auto;max-width:100%}.coming-status span{font-size:10.5px;line-height:1.4;padding:10px 11px;align-items:flex-start;white-space:normal;overflow-wrap:anywhere}.coming-status i{flex:0 0 10px;margin-top:3px}.coming-actions{gap:9px;margin-top:20px}.coming-card>small{font-size:9px;line-height:1.5;margin-top:15px;padding-inline:4px}
}
@media(max-width:430px){
  .coming-wrap{padding:20px 0 28px}.coming-card{padding:26px 14px 22px}.coming-card h1{font-size:34px}.coming-lead{font-size:12px}.coming-status span{font-size:10px}.coming-actions .btn{min-height:46px;font-size:12px;padding-inline:12px}.subpage-topbar .brand-copy small{display:none}
}


/* ===== HIE WOW · prueba antes de registrarte ===== */
.try-hie-section{padding:70px 0;background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);position:relative;overflow:hidden}
.try-hie-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(71,104,255,.12),transparent 68%);right:-180px;top:-260px;pointer-events:none}
.try-hie-head{text-align:center;max-width:780px;margin:0 auto 30px}.try-hie-head h2{font-size:clamp(34px,4.3vw,55px);line-height:1;letter-spacing:-.055em;margin:0 0 14px;color:#0d2b56}.try-hie-head>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#6b7f9e;margin:0 auto;max-width:690px}
.try-hie-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.try-card{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #dce7f4;border-radius:25px;overflow:hidden;min-height:330px;box-shadow:0 18px 45px rgba(27,65,119,.10);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.try-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(27,65,119,.15);border-color:#c8d8f2}.try-card-visual{position:relative;min-height:100%;overflow:hidden}.demo-visual{background:linear-gradient(155deg,#dff7ff 0%,#eaf0ff 55%,#dff8ee 100%)}.demo-visual:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-18%;height:46%;border-radius:50% 50% 0 0;background:#9ed19c}.mini-house{position:absolute;left:16%;bottom:17%;width:58%;height:49%}.mini-roof{position:absolute;left:3%;right:3%;top:5%;height:46%;background:#173c5d;clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-wall{position:absolute;left:15%;right:15%;bottom:0;height:58%;background:linear-gradient(90deg,#f9fbff,#d9e5ef);border-radius:4px}.mini-window{position:absolute;left:37%;bottom:13%;width:28%;height:31%;background:#ffd27a;border-radius:3px;box-shadow:0 0 24px rgba(255,203,100,.7)}.mini-sun{position:absolute;right:-15%;top:-2%;width:30px;height:30px;border-radius:50%;background:#ffe28f;box-shadow:0 0 30px rgba(255,215,112,.5)}
.mini-pulse{position:absolute;right:7%;top:10%;width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.94);border:1px solid #d8e5f4;box-shadow:0 12px 28px rgba(37,71,121,.14)}.mini-pulse:before{content:"";position:absolute;inset:7px;border-radius:50%;border:6px solid #2dba82;border-top-color:#bceede}.mini-pulse span{position:relative;z-index:1;color:#25a873;font-weight:900}.mini-pulse b{position:relative;z-index:1;font-size:8px;color:#52718d}.mini-metric{position:absolute;background:#fff;border:1px solid #dce7f4;border-radius:13px;padding:9px 11px;box-shadow:0 10px 25px rgba(32,68,120,.12)}.mini-metric small{display:block;font-size:6px;letter-spacing:.12em;color:#7a8da8;font-weight:800}.mini-metric strong{display:block;font-size:15px;color:#12325d;margin-top:2px}.mini-metric.m1{left:7%;top:10%}.mini-metric.m2{right:7%;bottom:8%}
.own-visual{background:linear-gradient(145deg,#eef5ff,#f5efff)}.bill-card,.result-card{position:absolute;width:58%;border-radius:18px;padding:17px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 14px 30px rgba(36,68,119,.12)}.bill-card{left:7%;top:16%;transform:rotate(-3deg)}.result-card{right:6%;bottom:14%;transform:rotate(3deg);background:linear-gradient(145deg,#123868,#252260);color:#fff;border-color:#334f89}.bill-card span,.result-card span{display:block;font-size:7px;letter-spacing:.14em;font-weight:800;color:#71849f}.result-card span{color:#9be1d1}.bill-card b,.result-card b{display:block;font-size:18px;margin:6px 0 2px}.bill-card em,.result-card em{display:block;font-size:10px;font-style:normal;color:#7487a3}.result-card em{color:#d6def2}.calc-arrow{position:absolute;left:47%;top:46%;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#30c6cc,#5268ff 60%,#7459ff);color:#fff;font-weight:900;font-size:20px;box-shadow:0 9px 22px rgba(73,100,255,.26);z-index:2}
.try-card-copy{padding:28px 25px;display:flex;flex-direction:column;justify-content:center}.try-kicker{font-size:8px;letter-spacing:.16em;font-weight:800;color:#4c69f1}.try-card-copy h3{font-size:22px;line-height:1.12;letter-spacing:-.04em;margin:8px 0 10px;color:#0e2d58}.try-card-copy p{font-size:11px;line-height:1.6;color:#6d809d;margin:0 0 18px}.try-link{margin-top:auto;font-size:11px;color:#3d64f1}.try-privacy{text-align:center;margin:18px 0 0;font-size:10px;color:#6c809d}
@media(max-width:900px){.try-card{grid-template-columns:1fr}.try-card-visual{min-height:220px}.try-card-copy{padding:23px}.try-card-copy h3{font-size:20px}}
@media(max-width:680px){.try-hie-section{padding:50px 0}.try-hie-grid{grid-template-columns:1fr}.try-hie-head{text-align:left}.try-hie-head h2{font-size:36px}.try-hie-head>p:not(.eyebrow){font-size:12px}.try-card{min-height:0;border-radius:21px}.try-card-visual{min-height:230px}.try-card-copy h3{font-size:22px}.try-card-copy p{font-size:11px}.try-privacy{text-align:left;line-height:1.5}.own-visual .bill-card{width:66%;left:6%;top:11%;padding:14px;transform:rotate(-2deg)}.own-visual .result-card{width:69%;right:5%;bottom:10%;padding:14px;transform:rotate(2deg)}.own-visual .calc-arrow{display:none}.bill-card b,.result-card b{font-size:17px}.bill-card em,.result-card em{font-size:9px}}

@media(max-width:390px){.own-visual .bill-card{width:72%;left:5%}.own-visual .result-card{width:74%;right:4%}.try-card-visual{min-height:225px}}

/* ===== HIE public vNEXT · plans, roadmap and Kit ===== */
.hero-v2{padding:70px 0 62px;background:radial-gradient(circle at 88% 16%,rgba(94,112,255,.14),transparent 30%),radial-gradient(circle at 14% 90%,rgba(38,190,190,.10),transparent 28%),linear-gradient(180deg,#f7fbff 0%,#edf5ff 100%)}
.hero-v2-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center}.hero-v2-copy h1{font-size:clamp(54px,6.2vw,92px);line-height:.92;letter-spacing:-.065em;margin:0 0 20px;color:#0d2b56}.hero-v2-copy h1 span{background:linear-gradient(95deg,#2e72ff,#7358f5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-v2-tagline{font-size:21px;line-height:1.35;font-weight:800;letter-spacing:-.025em;margin:0 0 15px;color:#1c355d}.hero-v2-lead{font-size:14px;line-height:1.72;color:#667d9c;max-width:610px;margin:0}.hero-v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-v2-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-v2-points span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid #dce7f4;font-size:10px;color:#516b8c;font-weight:750}.hero-v2-visual{position:relative;min-width:0}.hero-dashboard-crop{height:500px;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(25,62,116,.18);border:1px solid rgba(255,255,255,.85);background:#dfe9f6}.hero-dashboard-crop img{height:100%;width:205%;max-width:none;object-fit:cover;object-position:right center;transform:translateX(-51%)}.hero-floating-note{position:absolute;left:-26px;bottom:32px;background:rgba(255,255,255,.96);border:1px solid #dce7f4;border-radius:18px;padding:15px 18px;box-shadow:0 18px 40px rgba(30,66,116,.16)}.hero-floating-note small{display:block;font-size:7px;letter-spacing:.16em;color:#4d70f3;font-weight:900}.hero-floating-note strong{display:block;margin-top:4px;font-size:16px;line-height:1.15;color:#102e58}
.value-strip{background:#fff;border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7}.value-strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.value-strip article{padding:23px 28px;display:flex;gap:15px;align-items:flex-start;border-left:1px solid #e7edf6}.value-strip article:first-child{border-left:0}.value-strip article>span{font-size:10px;font-weight:900;color:#5873f5;background:#edf2ff;border-radius:10px;padding:7px 9px}.value-strip strong{display:block;font-size:15px;margin:1px 0 4px}.value-strip p{margin:0;font-size:10px;line-height:1.5;color:#72849e}
.free-focus{background:#fff}.free-focus-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:36px;align-items:center}.free-focus-actions{display:flex;align-items:center;gap:17px;margin-top:20px}.free-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.free-capability-grid>div{background:#f8fbff;border:1px solid #e2ebf5;border-radius:17px;padding:16px;min-height:112px}.free-capability-grid span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf2ff;color:#4c6cf0;font-weight:900;margin-bottom:10px}.free-capability-grid strong{display:block;font-size:13px}.free-capability-grid small{display:block;color:#73859f;font-size:9.5px;line-height:1.5;margin-top:4px}
.plans-v2{background:linear-gradient(180deg,#eef5ff,#f9fbff)}.plans-v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.plans-v2-head h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.055em;line-height:1;margin:0 0 10px}.plans-v2-head>p{max-width:560px;color:#6f829e;font-size:13px;line-height:1.65}.pricing-v2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan-v2-card{background:#fff;border:1px solid #dfe8f4;border-radius:24px;padding:24px;box-shadow:0 16px 42px rgba(29,67,119,.09);display:flex;flex-direction:column;min-height:500px}.plan-v2-card.featured{background:linear-gradient(160deg,#11376c,#161c51 72%,#2c256f);color:#fff;border-color:#30477d;transform:translateY(-7px)}.plan-v2-card.kit{background:linear-gradient(180deg,#fffdf7,#fff)}.plan-v2-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-v2-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1ccad0,#446cff 58%,#7559fa);color:#fff;font-size:19px;font-weight:900}.status-pill{font-size:8px;letter-spacing:.1em;font-weight:900;border-radius:999px;padding:7px 9px}.status-pill.current{background:#e8f8ef;color:#229a69}.status-pill.realtime{background:#6657df;color:#fff}.status-pill.soon{background:#fff0ca;color:#9b6c0c}.plan-v2-card h3,.plan-v2-card h2{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:21px 0 13px}.plan-v2-price{display:flex;align-items:baseline;gap:9px;margin-bottom:14px}.plan-v2-price strong{font-size:34px;letter-spacing:-.05em}.plan-v2-price small{font-size:9px;color:#778aa6}.featured .plan-v2-price small,.featured>p{color:#c7d1e4}.plan-v2-card>p{font-size:11px;line-height:1.65;color:#71839d;margin:0 0 16px}.plan-v2-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px;flex:1}.plan-v2-card li{font-size:10.5px;line-height:1.45;padding-bottom:8px;border-bottom:1px solid #e7edf5}.featured li{border-color:rgba(255,255,255,.10)}.plan-v2-note{font-size:8.5px;line-height:1.5;padding:10px 11px;border-radius:12px;background:#edf3ff;color:#526a8c;margin:0 0 14px}.featured .plan-v2-note{background:rgba(255,255,255,.08);color:#d1d9e8}.plan-v2-note.warm{background:#fff5dc;color:#75591d}
.future{background:#fff}.future-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.future-head h2{font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.055em;margin:0}.future-head>p{max-width:490px;font-size:12px;line-height:1.65;color:#71839f}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.future-card{position:relative;min-height:250px;padding:22px;border:1px solid #e2eaf4;border-radius:21px;background:linear-gradient(180deg,#fbfdff,#f5f8ff);box-shadow:var(--shadow);overflow:hidden}.future-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-70px;background:radial-gradient(circle,#dfe7ff,transparent 70%)}.future-badge{font-size:7px;letter-spacing:.12em;font-weight:900;color:#5a67ef;background:#eeefff;border-radius:999px;padding:6px 8px}.future-card>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid #dfe8f4;font-style:normal;font-size:18px;margin-top:22px;color:#4167f0}.future-card h3{font-size:20px;letter-spacing:-.035em;margin:13px 0 8px}.future-card p{font-size:10px;line-height:1.6;color:#71839e;margin:0}.future-mock{margin-top:17px;background:#fff;border:1px solid #dfe8f4;border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:2px 10px}.future-mock small{font-size:7px;letter-spacing:.12em;color:#7587a0;font-weight:800}.future-mock strong{font-size:20px}.future-mock span{grid-column:1/-1;font-size:9px;color:#4d68ed}.future-progress{height:9px;border-radius:999px;background:#e8eef8;overflow:hidden;margin:22px 0 7px}.future-progress span{height:100%;display:block;background:linear-gradient(90deg,#28bc88,#4b78f5);border-radius:999px}.future-card>small{font-size:8px;color:#7789a4}.micro-list{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:7px;flex-wrap:wrap}.micro-list li{font-size:8px;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #dfe8f4;color:#59708e}.store-soon{display:flex;gap:8px;margin-top:18px}.store-soon span{font-size:8px;line-height:1.35;border:1px solid #dfe8f4;background:#fff;border-radius:12px;padding:8px 10px}.store-soon b{color:#516aec}
.plans-hero{padding:68px 0 55px;background:radial-gradient(circle at 80% 10%,rgba(90,112,255,.16),transparent 30%),linear-gradient(180deg,#f7fbff,#edf4ff)}.plans-hero-inner{max-width:980px}.plans-hero h1{font-size:clamp(50px,6vw,78px);line-height:.96;letter-spacing:-.06em;margin:18px 0;color:#0e2c57}.plans-hero h1 span{color:#5169ef}.plans-hero p:not(.eyebrow){font-size:15px;line-height:1.7;color:#667c99;max-width:760px}.plans-detail-section{padding:48px 0 72px}.pricing-v2-grid-page{margin-top:-6px}.plan-compare{margin-top:42px;background:#fff;border:1px solid #dfe8f4;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.plan-compare-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.plan-compare-head h2{font-size:32px;letter-spacing:-.045em;margin:0}.plan-compare-head>p{max-width:450px;font-size:10.5px;line-height:1.6;color:#71839d}.plan-table-wrap{overflow:auto;border:1px solid #e2e9f3;border-radius:16px}.plan-table{border-collapse:collapse;width:100%;min-width:780px;background:#fff}.plan-table th,.plan-table td{text-align:left;padding:13px 15px;border-bottom:1px solid #e8eef6;font-size:10px}.plan-table th{background:#f5f8fc;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#667a98}.plan-table td:not(:first-child){font-weight:750;color:#435c7b}.plan-table-note{font-size:8.5px;color:#7a8ca5;line-height:1.5;margin:12px 0 0}.plans-faq,.kit-faq{margin-top:38px}.plans-faq>h2,.kit-faq>h2{font-size:34px;letter-spacing:-.05em;margin:0 0 18px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-grid article{background:#fff;border:1px solid #e1e9f4;border-radius:18px;padding:20px}.faq-grid h3{font-size:14px;margin:0 0 7px}.faq-grid p{font-size:10px;line-height:1.65;color:#71839d;margin:0}
.kit-hero{padding:68px 0;background:radial-gradient(circle at 75% 20%,rgba(247,197,73,.18),transparent 26%),radial-gradient(circle at 15% 80%,rgba(75,112,255,.12),transparent 28%),linear-gradient(180deg,#f8fbff,#f2f7ff)}.kit-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:50px;align-items:center}.kit-hero-copy h1{font-size:clamp(54px,6vw,82px);line-height:.95;letter-spacing:-.065em;margin:18px 0}.kit-hero-copy h1 span{color:#5968f3}.kit-hero-copy>p{font-size:14px;line-height:1.72;color:#657c99;max-width:640px}.kit-price{display:flex;align-items:baseline;gap:12px;margin:24px 0}.kit-price strong{font-size:42px;letter-spacing:-.06em;color:#0e2d58}.kit-price span{font-size:10px;color:#6e819d}.kit-hero-foot{display:block;font-size:8.5px;line-height:1.55;color:#7b8ca3;max-width:650px;margin-top:12px}.kit-visual{min-height:430px;position:relative;border-radius:28px;background:linear-gradient(145deg,#eef4ff,#fffaf0);border:1px solid #e0e8f4;box-shadow:0 24px 55px rgba(27,64,116,.12);display:grid;place-items:center}.meter-illustration{width:225px;height:285px;border-radius:28px;background:#fff;border:1px solid #dfe7f1;box-shadow:0 24px 45px rgba(23,59,108,.15);padding:22px;transform:rotate(-2deg)}.meter-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#5571ef;font-weight:900}.meter-screen{margin-top:34px;border-radius:18px;background:linear-gradient(160deg,#12366a,#1f235e);color:#fff;padding:23px 17px}.meter-screen small{display:block;font-size:7px;letter-spacing:.12em;color:#9adfd4}.meter-screen strong{display:block;font-size:30px;margin:8px 0}.meter-screen em{font-style:normal;font-size:8px;background:#2ba77a;border-radius:999px;padding:5px 7px}.meter-lines{display:grid;gap:11px;margin-top:28px}.meter-lines i{height:11px;border-radius:999px;background:#edf2f8}.meter-lines i:nth-child(2){width:78%}.meter-lines i:nth-child(3){width:58%}.kit-visual-card{position:absolute;right:18px;bottom:18px;width:240px;background:rgba(255,255,255,.96);border:1px solid #dfe8f4;border-radius:17px;padding:14px;box-shadow:0 14px 35px rgba(30,64,110,.13)}.kit-visual-card span{font-size:7px;letter-spacing:.12em;color:#92701f;font-weight:900}.kit-visual-card strong{display:block;font-size:13px;margin:4px 0}.kit-visual-card small{font-size:8px;line-height:1.45;color:#71839d}.kit-content{padding-top:45px}.kit-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.install-explainer{margin-top:26px;border:1px solid #eedfae;background:linear-gradient(140deg,#fffaf0,#fff);border-radius:24px;padding:25px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.install-explainer h2{font-size:30px;letter-spacing:-.05em;margin:0 0 10px}.install-explainer p,.install-explainer li{font-size:10px;line-height:1.65;color:#6f819b}.install-explainer ul{margin:0;padding-left:18px;display:grid;gap:6px}.installation-form-section{margin-top:40px;background:#fff;border:1px solid #dfe8f4;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.installation-form-head h2{font-size:36px;letter-spacing:-.05em;margin:0 0 8px}.installation-form-head p:not(.eyebrow){font-size:11px;color:#71839d;line-height:1.6;max-width:780px}.installation-form{margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.installation-form label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#334d6e}.installation-form input,.installation-form select,.installation-form textarea{width:100%;font:inherit;font-size:12px;color:#16355e;background:#fbfdff;border:1px solid #cfdae9;border-radius:12px;padding:12px 13px;outline:none}.installation-form input:focus,.installation-form select:focus,.installation-form textarea:focus{border-color:#5877f1;box-shadow:0 0 0 3px rgba(72,105,241,.10)}.installation-form>label{margin-top:14px}.form-check{grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;background:#f8fbff;border:1px solid #e2eaf4;border-radius:14px;padding:12px!important;font-weight:500!important;line-height:1.55!important}.form-check input{width:auto;margin-top:2px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.form-status{font-size:9px;color:#5570ef;margin:10px 0 0}
@media(max-width:1080px){.hero-v2-grid,.free-focus-grid,.kit-hero-grid{grid-template-columns:1fr}.hero-v2-copy{text-align:center}.hero-v2-lead{margin-inline:auto}.hero-v2-actions,.hero-v2-points{justify-content:center}.hero-dashboard-crop{height:430px}.hero-floating-note{left:20px}.pricing-v2-grid{grid-template-columns:1fr 1fr}.plan-v2-card.kit{grid-column:1/-1;min-height:0}.future-grid{grid-template-columns:repeat(2,1fr)}.plans-v2-head,.future-head,.plan-compare-head{align-items:flex-start;flex-direction:column}.install-explainer{grid-template-columns:1fr}}
@media(max-width:760px){.hero-v2{padding:44px 0 40px}.hero-v2-copy{text-align:left}.hero-v2-copy h1{font-size:52px}.hero-v2-tagline{font-size:17px}.hero-v2-lead{font-size:12px;margin:0}.hero-v2-actions{display:grid;justify-content:stretch}.hero-v2-actions .btn{width:100%}.hero-v2-points{justify-content:flex-start}.hero-dashboard-crop{height:310px;border-radius:22px}.hero-dashboard-crop img{width:220%;transform:translateX(-54%)}.hero-floating-note{left:10px;right:10px;bottom:10px}.value-strip-grid{grid-template-columns:1fr}.value-strip article{border-left:0;border-top:1px solid #e8eef6;padding:17px 8px}.value-strip article:first-child{border-top:0}.free-focus-actions{align-items:flex-start;flex-direction:column}.free-capability-grid,.pricing-v2-grid,.future-grid,.faq-grid,.kit-benefits,.form-grid{grid-template-columns:1fr}.plan-v2-card.featured{transform:none}.plan-v2-card.kit{grid-column:auto}.plan-v2-card{min-height:0}.plans-v2-head,.future-head{margin-bottom:18px}.future-card{min-height:0}.plans-hero{padding:44px 0}.plans-hero h1{font-size:46px}.plan-compare{padding:18px;border-radius:19px}.plan-compare-head h2{font-size:28px}.kit-hero{padding:44px 0}.kit-hero-copy h1{font-size:50px}.kit-visual{min-height:350px}.meter-illustration{width:190px;height:245px}.kit-visual-card{left:14px;right:14px;width:auto}.installation-form-section{padding:20px;border-radius:20px}.installation-form-head h2{font-size:29px}.form-actions{display:grid}.form-actions .btn{width:100%}.store-soon{flex-direction:column}.footer-row nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:430px){.hero-v2-copy h1{font-size:44px}.hero-v2-tagline{font-size:15px}.hero-v2-points span{font-size:9px}.hero-dashboard-crop{height:270px}.future-head h2,.plans-v2-head h2{font-size:34px}.plan-v2-card{padding:20px}.plan-v2-price strong{font-size:30px}.kit-price{display:grid;gap:2px}.kit-price strong{font-size:38px}}

/* ===== HIE public vNEXT · visual proof, compatibility and mobile rebuild ===== */
body{overflow-x:hidden}.product-proof{background:#f7fbff}.product-proof-head,.compatibility-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:26px}.product-proof-head>div,.compatibility-head>div{max-width:720px}.product-proof-head h2,.compatibility-head h2{font-size:clamp(34px,4.3vw,58px);line-height:1;letter-spacing:-.055em;margin:0}.product-proof-head>p,.compatibility-head>p{max-width:520px;font-size:12px;line-height:1.7;color:#6f839e;margin:0}.product-screen-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;align-items:stretch}.product-screen-stack{display:grid;grid-template-rows:auto 1fr;gap:18px;min-width:0}.product-screen{margin:0;min-width:0;background:#fff;border:1px solid #dde7f3;border-radius:24px;padding:12px;box-shadow:0 18px 48px rgba(26,63,113,.10)}.screen-window{position:relative;overflow:hidden;border-radius:17px;background:#edf3fa;border:1px solid #dfe8f4}.screen-window:before{content:"";display:block;height:26px;background:linear-gradient(180deg,#fbfdff,#f3f6fb);border-bottom:1px solid #e0e8f1}.screen-dots{position:absolute;left:12px;top:9px;display:flex;gap:5px;z-index:2}.screen-dots i{width:7px;height:7px;border-radius:50%;background:#d4deea}.screen-dots i:nth-child(1){background:#ff8a7d}.screen-dots i:nth-child(2){background:#ffd166}.screen-dots i:nth-child(3){background:#42c986}.screen-window img{width:100%;height:auto;display:block}.screen-window.compact img{aspect-ratio:2.55/1;object-fit:cover;object-position:center}.product-screen figcaption{padding:13px 7px 4px;display:grid;gap:4px}.product-screen figcaption strong{font-size:15px;letter-spacing:-.025em}.product-screen figcaption span{font-size:10px;line-height:1.5;color:#71849e}.mobile-product-screen{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:16px}.mobile-device{width:145px;height:245px;border:8px solid #102b51;border-radius:26px;overflow:hidden;background:#eef4fb;box-shadow:0 14px 30px rgba(15,43,83,.16)}.mobile-device img{height:100%;width:100%;object-fit:cover;object-position:center}.mobile-product-screen figcaption{padding:0}.compatibility-preview{background:linear-gradient(180deg,#fff,#f4f8ff)}.protocol-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.protocol-card{min-height:165px;border:1px solid #dfe8f4;background:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;position:relative;overflow:hidden}.protocol-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-42px;bottom:-48px;background:rgba(76,105,240,.07)}.protocol-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eef3ff;color:#4768f0;font-weight:900;font-size:12px}.protocol-card strong{display:block;font-size:15px}.protocol-card small{display:block;font-size:9px;line-height:1.45;color:#7487a1;margin-top:4px}.protocol-card>b{margin-top:auto;font-size:7px;letter-spacing:.10em;border-radius:999px;padding:7px 8px}.protocol-card.available>b{background:#e5f7ec;color:#23845a}.protocol-card.preparing>b{background:#edf2ff;color:#4167e8}.protocol-card.soon>b{background:#fff1cf;color:#9b6a0a}.compatibility-actions{margin-top:18px;background:#102f5f;color:#fff;border-radius:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.compatibility-actions strong{display:block;font-size:18px}.compatibility-actions span{display:block;color:#c9d5e8;font-size:10px;line-height:1.55;margin-top:5px}.compatibility-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.compatibility-actions .btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
.realtime-compatibility{margin:26px 0;background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid #dce6f3;border-radius:24px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.realtime-compatibility h2{font-size:30px;letter-spacing:-.05em;margin:2px 0 10px}.realtime-compatibility p:not(.eyebrow){font-size:10.5px;line-height:1.65;color:#6f829c;max-width:780px}.protocol-inline{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.protocol-inline span{font-size:8px;border:1px solid #dbe5f1;background:#fff;border-radius:999px;padding:7px 9px;color:#617694}.protocol-inline span.ok{background:#e6f7ed;border-color:#caead8;color:#267b58}.realtime-compat-actions{display:grid;gap:10px;justify-items:start;min-width:190px}.plans-compatibility-callout,.kit-compatibility-note{margin-top:34px;border:1px solid #dce6f3;border-radius:24px;padding:24px;background:linear-gradient(135deg,#f3f7ff,#fff);display:flex;align-items:center;justify-content:space-between;gap:28px}.plans-compatibility-callout h2,.kit-compatibility-note h2{font-size:29px;letter-spacing:-.045em;margin:2px 0 8px}.plans-compatibility-callout p:not(.eyebrow),.kit-compatibility-note p:not(.eyebrow){font-size:10.5px;line-height:1.65;color:#6d819c;max-width:820px}
.compat-hero{padding:68px 0 58px;background:radial-gradient(circle at 88% 16%,rgba(80,105,244,.14),transparent 28%),linear-gradient(180deg,#f8fbff,#eef5ff)}.compat-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:48px;align-items:center}.compat-hero-copy h1{font-size:clamp(50px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:17px 0}.compat-hero-copy h1 span{color:#5569ee}.compat-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#687e9b;max-width:680px}.compat-diagram{min-height:320px;border:1px solid #dfe8f4;border-radius:28px;background:#fff;box-shadow:0 22px 50px rgba(25,62,116,.12);display:flex;align-items:center;justify-content:center;gap:15px;padding:28px}.compat-diagram>div{border-radius:18px;padding:22px 18px;text-align:center;font-weight:800;min-width:120px}.compat-device{background:#eef4ff}.compat-protocol{background:#f5f1ff}.compat-hie{background:linear-gradient(145deg,#183b70,#272160);color:#fff}.compat-diagram>span{font-size:26px;color:#5873f4}.compat-diagram small{display:block;font-size:8px;font-weight:600;line-height:1.4;margin-top:6px;color:#7487a1}.compat-hie small{color:#cad5e9}.compatibility-detail{background:#fff}.protocol-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.protocol-detail{border:1px solid #dfe8f4;border-radius:22px;padding:22px;background:#fbfdff}.protocol-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.protocol-detail-top span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef3ff;color:#4968ef;font-size:11px;font-weight:900}.protocol-detail-top b{font-size:7px;letter-spacing:.10em;border-radius:999px;padding:7px 9px}.protocol-detail.available .protocol-detail-top b{background:#e5f7ec;color:#23845a}.protocol-detail.preparing .protocol-detail-top b{background:#edf2ff;color:#4167e8}.protocol-detail.soon .protocol-detail-top b{background:#fff1cf;color:#9b6a0a}.protocol-detail h3{font-size:22px;letter-spacing:-.04em;margin:16px 0 8px}.protocol-detail p,.protocol-detail li{font-size:10px;line-height:1.6;color:#6f829c}.protocol-detail ul{padding-left:18px;margin:13px 0 0;display:grid;gap:4px}.compatibility-rule{margin-top:18px;border-radius:20px;background:#102f5f;color:#fff;padding:22px}.compatibility-rule strong{font-size:18px}.compatibility-rule p{font-size:10px;line-height:1.6;color:#cad6e8;max-width:940px}.compatibility-rule .text-link{color:#fff}.compat-form-section{margin-top:35px;border:1px solid #dfe8f4;border-radius:26px;background:#f9fbff;padding:28px}.compat-form{margin-top:22px}.compat-form label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#334d6e}.compat-form input,.compat-form select,.compat-form textarea{width:100%;font:inherit;font-size:12px;color:#16355e;background:#fff;border:1px solid #cfdae9;border-radius:12px;padding:12px 13px;outline:none}.compat-form>label{margin-top:14px}
/* mobile navigation + layout reset */
@media(max-width:1080px){.product-proof-head,.compatibility-head{align-items:flex-start;flex-direction:column}.product-screen-grid{grid-template-columns:1fr}.product-screen-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.protocol-grid{grid-template-columns:repeat(3,1fr)}.compat-hero-grid{grid-template-columns:1fr}.compat-diagram{min-height:250px}.realtime-compatibility{grid-template-columns:1fr}.realtime-compat-actions{display:flex;align-items:center;flex-wrap:wrap}.plans-compatibility-callout,.kit-compatibility-note{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}.wrap{width:calc(100% - 28px);max-width:none}.section{padding-left:0;padding-right:0}.topbar{height:64px}.nav-row{position:relative;grid-template-columns:auto 1fr auto;gap:10px}.brand{min-width:0}.brand-icon{width:38px;height:38px;border-radius:12px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.menu-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #dfe8f4;background:#fff;color:#16355e;z-index:53}.nav-actions{display:none!important}.main-nav{display:none;position:absolute;left:0!important;right:0!important;top:58px!important;z-index:52;background:#fff;border:1px solid #dfe8f4;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(18,51,92,.16);gap:4px!important}.main-nav.open{display:flex}.main-nav a{display:block;padding:12px 13px;border-radius:10px;font-size:13px}.main-nav a:hover,.main-nav a[aria-current="page"]{background:#f2f6ff}.menu-open{overflow:hidden}
  .hero-v2{padding:34px 0 38px}.hero-v2-grid{grid-template-columns:1fr!important;gap:26px}.hero-v2-copy{text-align:left!important}.hero-v2-copy h1{font-size:clamp(43px,13vw,58px)!important;line-height:.95;margin-bottom:16px}.hero-v2-tagline{font-size:17px!important;line-height:1.35}.hero-v2-lead{font-size:12px!important;line-height:1.65;margin:0!important}.hero-v2-actions{display:grid!important;gap:10px;justify-content:stretch!important}.hero-v2-actions .btn{width:100%}.hero-v2-points{display:grid!important;gap:7px;justify-content:stretch!important}.hero-v2-points span{font-size:9px!important;width:100%}.hero-v2-visual{width:100%}.hero-dashboard-crop{height:auto!important;aspect-ratio:1.57/1;border-radius:20px!important}.hero-dashboard-crop picture{display:block;width:100%;height:100%}.hero-dashboard-crop img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}.hero-floating-note{position:static!important;margin-top:10px;width:100%;border-radius:15px;padding:12px 14px}.hero-floating-note strong{font-size:14px}
  .value-strip-grid{grid-template-columns:1fr!important}.value-strip article{border-left:0!important;border-top:1px solid #e8eef6;padding:16px 4px!important}.value-strip article:first-child{border-top:0}.free-focus-grid{grid-template-columns:1fr!important;gap:24px}.free-capability-grid{grid-template-columns:1fr!important}.free-focus-actions{display:grid!important;gap:10px}.free-focus-actions .btn{width:100%}.section-intro h2{font-size:32px;line-height:1.04}.section-intro p{font-size:12px}.feature-grid{grid-template-columns:1fr!important}.try-hie-grid{grid-template-columns:1fr!important}.try-card{grid-template-columns:1fr!important}.try-card-visual{min-height:210px!important}
  .product-proof-head,.compatibility-head{gap:12px;margin-bottom:18px}.product-proof-head h2,.compatibility-head h2{font-size:34px}.product-proof-head>p,.compatibility-head>p{font-size:11px}.product-screen-grid,.product-screen-stack{display:grid!important;grid-template-columns:1fr!important;gap:14px}.product-screen{border-radius:18px;padding:8px}.screen-window{border-radius:13px}.screen-window.compact img{aspect-ratio:auto;object-fit:contain}.product-screen figcaption{padding:11px 5px 3px}.product-screen figcaption strong{font-size:14px}.product-screen figcaption span{font-size:9.5px}.mobile-product-screen{grid-template-columns:112px 1fr!important;gap:12px}.mobile-device{width:112px;height:190px;border-width:6px;border-radius:20px}
  .protocol-grid{grid-template-columns:1fr!important}.protocol-card{min-height:0;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:14px}.protocol-card>b{margin-top:0;white-space:nowrap}.protocol-card:after{display:none}.compatibility-actions{padding:18px;align-items:flex-start;flex-direction:column}.compatibility-actions>div:last-child{display:grid;width:100%}.compatibility-actions .btn{width:100%}
  .pricing-v2-grid{grid-template-columns:1fr!important;gap:14px}.plan-v2-card{min-height:0!important;padding:20px;border-radius:20px}.plan-v2-card.featured{transform:none!important}.plan-v2-card.kit{grid-column:auto!important}.plans-v2-head,.future-head,.plan-compare-head{align-items:flex-start!important;flex-direction:column!important;gap:12px}.plans-v2-head h2,.future-head h2{font-size:34px!important}.plan-v2-price{flex-wrap:wrap}.plan-v2-price strong{font-size:31px}.plan-v2-card li{font-size:10px}.plan-compare{padding:16px!important;border-radius:18px}.plan-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.plan-table{min-width:720px}.plans-compatibility-callout,.kit-compatibility-note{padding:18px;border-radius:18px}.plans-compatibility-callout h2,.kit-compatibility-note h2{font-size:25px}.plans-compatibility-callout .btn,.kit-compatibility-note .btn{width:100%}
  .future-grid{grid-template-columns:1fr!important}.future-card{min-height:0!important;padding:18px;border-radius:18px}.future-card h3{font-size:19px}.store-soon{flex-direction:column}.how-grid{grid-template-columns:1fr!important}.steps{grid-template-columns:1fr!important}.steps .arrow{display:none}.step{min-height:0}.security-grid{grid-template-columns:1fr!important}.security-items{grid-template-columns:1fr!important}.security-item{border-left:0!important;border-top:1px solid #e1e9f4!important;padding:16px 0!important}.security-item:first-child{border-top:0!important}.cta{grid-template-columns:1fr!important;text-align:left!important}.cta-brand,.cta-actions{justify-content:flex-start!important}.cta-actions{display:grid!important}.cta-actions .btn{width:100%}.cta-note{display:none!important}.footer-row{grid-template-columns:1fr!important;text-align:center;gap:12px}.footer-row nav{justify-content:center!important;flex-wrap:wrap}.footer-row>span:last-child{justify-self:center}
  .detail-hero-grid,.kit-hero-grid,.compat-hero-grid{grid-template-columns:1fr!important}.detail-copy{text-align:left!important}.detail-copy>p:not(.eyebrow){margin-inline:0!important}.detail-actions{display:grid!important;width:100%;max-width:none!important}.detail-actions .btn{width:100%}.detail-visual{min-height:245px!important}.kit-hero-copy h1,.compat-hero-copy h1{font-size:44px!important}.kit-visual{min-height:330px!important}.kit-benefits,.form-grid,.faq-grid,.protocol-detail-grid{grid-template-columns:1fr!important}.install-explainer{grid-template-columns:1fr!important}.installation-form-section,.compat-form-section{padding:18px!important;border-radius:19px}.form-actions{display:grid!important}.form-actions .btn{width:100%}.realtime-compatibility{padding:18px;border-radius:18px}.realtime-compatibility h2{font-size:26px}.realtime-compat-actions{display:grid;width:100%}.realtime-compat-actions .btn{width:100%}.compat-hero{padding:40px 0}.compat-diagram{min-height:0;padding:18px;display:grid;grid-template-columns:1fr;gap:10px}.compat-diagram>span{transform:rotate(90deg);text-align:center}.compat-diagram>div{width:100%;min-width:0}.compatibility-rule{padding:18px}.protocol-detail{padding:18px}.protocol-detail h3{font-size:20px}
}
@media(max-width:430px){.wrap{width:calc(100% - 22px)}.brand-copy small{display:none}.hero-v2-copy h1{font-size:42px!important}.hero-v2-tagline{font-size:15px!important}.product-proof-head h2,.compatibility-head h2,.plans-v2-head h2,.future-head h2{font-size:30px!important}.mobile-product-screen{grid-template-columns:92px 1fr!important}.mobile-device{width:92px;height:160px}.protocol-card{grid-template-columns:40px 1fr}.protocol-card>b{grid-column:2;justify-self:start}.protocol-symbol{width:40px;height:40px}.plan-v2-card{padding:18px}.plan-v2-card h3,.plan-v2-card h2{font-size:22px}.kit-hero-copy h1,.compat-hero-copy h1{font-size:39px!important}.kit-price strong{font-size:34px}.compatibility-actions strong{font-size:16px}}

/* =========================================================
   HIE RESIDENTIAL · LEGIBILITY / ACCESSIBILITY PASS 2026-09
   ========================================================= */
:root{--muted:#526983}body{font-size:16px}.main-nav{font-size:15px;gap:24px}.btn{font-size:15px;min-height:46px}.brand-copy small{font-size:10px;color:#526983}.eyebrow{font-size:12px;color:#526983}.section-intro p:not(.eyebrow){font-size:16px;line-height:1.65;color:#526983;max-width:560px}.feature-card p{font-size:14px;line-height:1.6;color:#526983}.feature-card strong{font-size:14px}.feature-card h3{font-size:20px}.text-link,.learn-link,.plan-more{font-size:14px}.price-card ul{font-size:13px;line-height:1.45}.plan-foot{font-size:12px!important}.price-head small{font-size:11px}.price-head em{font-size:10px}.decision-card p,.decision-list{font-size:13px}.step h3{font-size:14px}.step p{font-size:13px;line-height:1.55}.security-item h3{font-size:14px}.security-item p{font-size:13px;line-height:1.55}.footer-row{font-size:13px}.hero-v2-tagline{font-size:20px;line-height:1.45}.hero-v2-lead{font-size:16px;line-height:1.7}.hero-v2-points span{font-size:13px}.value-strip article p{font-size:14px;line-height:1.55}.value-strip article strong{font-size:18px}.free-capability-grid strong{font-size:14px}.free-capability-grid small{font-size:13px;line-height:1.55}.try-card-copy p{font-size:14px;line-height:1.6}.try-kicker{font-size:11px}.try-link{font-size:14px}.try-privacy{font-size:12px}.detail-copy>p:not(.eyebrow){font-size:17px}.back-link{font-size:14px}.mini-panel span{font-size:10px}.mini-panel strong{font-size:17px}.mini-panel small{font-size:12px}.info-card>p,.wide-info p{font-size:15px}.detail-list li{font-size:14px}.callout{font-size:14px}.legal-note{font-size:13px!important}.coming-card>small{font-size:12px}.coming-status span{font-size:13px}.protocol-detail p,.protocol-detail li,.compatibility-rule p{font-size:13px}.compat-form label{font-size:13px}.compat-form input,.compat-form select,.compat-form textarea{font-size:15px}@media(max-width:760px){.main-nav a{font-size:16px!important}.hero-v2-tagline{font-size:19px!important}.hero-v2-lead{font-size:16px!important}.hero-v2-points span{font-size:13px!important}.section-intro p{font-size:16px!important}.feature-card p{font-size:14px!important}.product-proof-head>p,.compatibility-head>p{font-size:14px!important}.product-screen figcaption span{font-size:12px!important}.plan-v2-card li{font-size:13px!important}.footer-row{font-size:12px!important}}


/* =========================================================
   HIE RESIDENTIAL V5 · HIGH LEGIBILITY + RESPONSIVE SYSTEM
   ========================================================= */
:root{
  --ink:#071f42;
  --muted:#3f5873;
  --blue:#245ff0;
  --violet:#6248eb;
  --green:#14825e;
  --line:#cfddeb;
  --shadow:0 16px 42px rgba(16,54,96,.10);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{color:var(--ink);font-size:16px;line-height:1.55;background:#f8fbff}
p,li,small,span{overflow-wrap:anywhere}
.wrap{width:min(1320px,calc(100% - clamp(28px,5vw,64px)))}
.topbar{height:82px;background:rgba(255,255,255,.97);border-bottom-color:#d5e1ec}
.nav-row{gap:clamp(16px,2.2vw,34px)}
.brand-logo{min-width:235px;max-width:315px}.brand-logo img{width:100%;height:64px;object-fit:contain;object-position:left center}
.main-nav{font-size:15px;font-weight:750;gap:clamp(14px,1.8vw,27px)}.main-nav a{color:#183959}.main-nav a:hover,.main-nav a:focus-visible{color:#174fc9}
.btn{font-size:15px;min-height:48px;padding-inline:20px;border-radius:13px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffbf36;outline-offset:3px}
.eyebrow{font-size:12px;line-height:1.35;color:#3f5873;font-weight:850}
.hero-v2{padding:clamp(58px,6vw,92px) 0 clamp(54px,6vw,82px)}
.hero-product-logo{width:min(390px,78%);height:auto;margin:0 0 22px}
.hero-v2-grid{align-items:center;gap:clamp(38px,5vw,74px)}
.hero-v2-copy h1{font-size:clamp(54px,5.8vw,88px);line-height:.96}
.hero-v2-tagline{font-size:clamp(19px,1.25vw,23px);line-height:1.45;color:#173858;font-weight:650}
.hero-v2-lead{font-size:clamp(16px,.4vw + 14px,18px);line-height:1.72;color:#3f5873;max-width:680px}
.hero-v2-points span{font-size:14px;color:#24445f}
.value-strip article p{font-size:15px;color:#3f5873}.value-strip article strong{font-size:19px}
.section{padding:clamp(64px,6vw,92px) 0}.section-intro h2,.future-head h2{font-size:clamp(38px,3.7vw,56px)}
.section-intro p:not(.eyebrow),.future-head>p,.product-proof-head>p,.compatibility-head>p{font-size:17px;line-height:1.7;color:#3f5873}
.feature-grid{gap:18px}.feature-card{padding:26px;min-height:260px;border-color:#d5e1ed}.feature-card h3{font-size:22px}.feature-card strong{font-size:15px;color:#294fc5}.feature-card p{font-size:15px;line-height:1.68;color:#3f5873}.learn-link,.text-link{font-size:15px}
.free-capability-grid strong{font-size:16px}.free-capability-grid small{font-size:14px;line-height:1.58;color:#3f5873}
.try-card-copy h3{font-size:clamp(24px,2vw,31px)}.try-card-copy p{font-size:16px;line-height:1.68;color:#3f5873}.try-kicker{font-size:12px}.try-link{font-size:15px}.try-privacy{font-size:13px;color:#415d77}
.product-screen figcaption strong{font-size:16px}.product-screen figcaption span{font-size:13px;color:#3f5873}
.protocol-card div strong{font-size:16px}.protocol-card div small{font-size:13px;color:#405c77}.protocol-card>b{font-size:11px}
.plan-v2-card p{font-size:15px;line-height:1.65;color:#405a72}.plan-v2-card li{font-size:14px;line-height:1.48}.plan-v2-note{font-size:13px;line-height:1.55}.plan-v2-price small{font-size:13px}.status-pill{font-size:11px}
.future{background:linear-gradient(180deg,#f4f8fe,#eef5fd)}.future-grid{gap:18px}.future-card{padding:26px;min-height:315px;border:1px solid #d6e2ee;background:#fff}.future-card h3{font-size:22px}.future-card p{font-size:15px;line-height:1.68;color:#3f5873}.future-card>small{font-size:13px;line-height:1.55;color:#4a627a}.future-badge{font-size:11px;letter-spacing:.09em;padding:7px 10px}.future-badge.available{background:#e6f7ef;color:#0d714e}.future-badge.validation{background:#fff3cf;color:#805a00}.future-badge.progress{background:#ebefff;color:#3c4fb2}.future-badge.soon{background:#edf1f6;color:#52677d}.is-available{border-top:4px solid #1d9b6d}.is-validation{border-top:4px solid #e6aa16}.is-progress{border-top:4px solid #6677e8}.is-soon{border-top:4px solid #94a5b7}.micro-list li{font-size:13px;color:#3d5872}.status-note{margin-top:20px;padding:18px 22px;border:1px solid #cfddea;border-radius:17px;background:#fff;display:flex;gap:10px 16px;align-items:flex-start}.status-note strong{font-size:15px;white-space:nowrap}.status-note span{font-size:14px;line-height:1.6;color:#405b74}
.step h3{font-size:16px}.step p{font-size:14px;line-height:1.62;color:#3f5873}.security-item h3{font-size:16px}.security-item p{font-size:14px;line-height:1.62;color:#3f5873}
.detail-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#3c5870}.info-card h2{font-size:23px}.info-card>p,.wide-info p{font-size:16px;line-height:1.7;color:#3f5873}.callout,.detail-list li{font-size:14px;line-height:1.6}.mini-panel small{font-size:13px}.mini-panel span{font-size:11px}.mini-panel strong{font-size:18px}
.coming-product-logo{width:min(400px,90%);margin:0 auto 24px}.coming-wrap.wide{max-width:1040px}.evolution-page .coming-card{max-width:980px;text-align:left}.evolution-page .coming-product-logo{margin-left:0}.evolution-status-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.evolution-status-list article{display:grid;grid-template-columns:16px 1fr;gap:12px;padding:18px;border:1px solid #d6e2ee;border-radius:16px;background:#f9fbfe}.evolution-status-list strong{font-size:16px}.evolution-status-list p{font-size:14px;line-height:1.58;color:#405b74;margin:4px 0 0}.status-dot{width:12px;height:12px;border-radius:50%;margin-top:5px}.status-dot.available{background:#1d9b6d}.status-dot.validation{background:#e6aa16}.status-dot.progress{background:#6677e8}.status-dot.soon{background:#94a5b7}

@media (max-width:1180px){
  .brand-logo{min-width:210px;max-width:260px}.brand-logo img{height:58px}.main-nav{font-size:14px;gap:14px}.nav-actions .btn{font-size:14px;padding-inline:14px}
}
@media (max-width:980px){
  .topbar{height:74px}.nav-row{grid-template-columns:minmax(0,1fr) auto}.brand-logo{min-width:0;max-width:285px}.brand-logo img{height:58px}.menu-btn{display:grid;place-items:center;width:46px;height:46px;border:1px solid #cad9e7;border-radius:13px;background:#fff;color:#112f50;justify-self:end}.main-nav{top:74px!important}.nav-actions{display:none!important}
  .hero-v2-grid{grid-template-columns:1fr!important}.hero-v2-copy{max-width:780px}.hero-v2-visual{max-width:900px}.feature-grid{grid-template-columns:repeat(2,1fr)!important}.evolution-status-list{grid-template-columns:1fr}
}
@media (max-width:760px){
  .wrap{width:calc(100% - 28px)}.topbar{height:70px}.brand-logo{max-width:235px}.brand-logo img{height:52px}.main-nav{top:70px!important;left:14px!important;right:14px!important}.main-nav a{font-size:16px!important;min-height:44px;display:flex;align-items:center}
  .hero-v2{padding:38px 0 48px}.hero-product-logo{width:min(310px,86%);margin-bottom:18px}.hero-v2-copy h1{font-size:clamp(42px,12vw,60px)!important;line-height:.97}.hero-v2-tagline{font-size:19px!important}.hero-v2-lead{font-size:16px!important;line-height:1.68}.hero-v2-points span{font-size:14px!important}.hero-v2-actions .btn{min-height:52px}
  .section{padding:58px 0}.section-intro h2,.future-head h2{font-size:34px!important}.section-intro p,.future-head>p,.product-proof-head>p,.compatibility-head>p{font-size:16px!important;line-height:1.65}.feature-grid{grid-template-columns:1fr!important}.feature-card{padding:22px;min-height:0}.feature-card p{font-size:15px!important}.free-capability-grid{grid-template-columns:1fr!important}.free-capability-grid small{font-size:14px!important}.try-card-copy p{font-size:15px!important}.product-screen figcaption span{font-size:13px!important}.pricing-v2-grid{grid-template-columns:1fr!important}.plan-v2-card li{font-size:14px!important}.future-card{padding:22px;min-height:0!important}.future-card h3{font-size:21px}.future-card p{font-size:15px}.status-note{display:grid}.status-note strong{white-space:normal}.evolution-page .coming-card{padding:28px 22px}.evolution-status-list article{padding:16px}.coming-actions{display:grid}.coming-actions .btn{width:100%}.info-card>p,.wide-info p{font-size:16px!important}
}
@media (max-width:430px){
  .wrap{width:calc(100% - 22px)}.brand-logo{max-width:205px}.brand-logo img{height:47px}.menu-btn{width:44px;height:44px}.hero-product-logo{width:245px}.hero-v2-copy h1{font-size:40px!important}.hero-v2-tagline{font-size:18px!important}.section-intro h2,.future-head h2{font-size:31px!important}.feature-card h3,.future-card h3{font-size:20px}.btn{font-size:15px;white-space:normal;text-align:center}.evolution-status-list p{font-size:14px}
}
@media (min-width:1600px){
  .wrap{width:min(1440px,calc(100% - 96px))}.hero-v2-copy h1{font-size:92px}.hero-v2-lead{font-size:19px}.section-intro p:not(.eyebrow){font-size:18px}.feature-card p{font-size:16px}.feature-card{padding:30px}
}

.cta-product-logo{width:clamp(220px,22vw,310px);height:auto}.cta-brand{min-width:0}@media(max-width:760px){.cta-product-logo{width:min(280px,82vw)}}

/* Header density guard: 1366px laptops stay clean; tablets switch to menu. */
@media (max-width:1450px) and (min-width:1181px){
  .brand-logo{min-width:205px;max-width:225px}.brand-logo img{height:56px}
  .main-nav{font-size:13px;gap:12px}.nav-row{gap:18px}
  .nav-actions .btn-primary{display:none}
}
@media (max-width:1180px){
  .topbar{height:74px}.nav-row{grid-template-columns:minmax(0,1fr) auto!important}
  .brand-logo{min-width:0;max-width:265px}.brand-logo img{height:56px}
  .menu-btn{display:grid!important;place-items:center;width:46px;height:46px;border:1px solid #cad9e7;border-radius:13px;background:#fff;color:#112f50;justify-self:end}
  .main-nav{display:none!important;position:absolute;left:16px!important;right:16px!important;top:74px!important;z-index:52;background:#fff;border:1px solid #d3e0eb;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(18,51,92,.16);flex-direction:column;align-items:stretch;gap:2px!important}
  .main-nav.open{display:flex!important}.main-nav a{font-size:16px!important;padding:12px 14px;border-radius:10px;min-height:44px;display:flex;align-items:center}
  .main-nav a:hover,.main-nav a[aria-current="page"]{background:#f2f6ff}.nav-actions{display:none!important}
}
/* V6 · Protocolos: disponibles bajo validación técnica */
.protocol-card.available{border-color:#cfe8dc}.protocol-card.available .protocol-symbol{background:#e8f7f0;color:#147a56}.protocol-detail.available{border-color:#cfe5da;background:linear-gradient(180deg,#ffffff,#f7fcf9)}

/* V9 · motion polish: restrained, responsive and motion-safe */
.topbar{transition:box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
.topbar.is-scrolled{background:rgba(251,253,255,.99);border-bottom-color:#cbdbea;box-shadow:0 10px 34px rgba(18,51,92,.10)}
.reveal{transition-delay:calc(var(--reveal-order,0) * 55ms)}
.hero-v2-visual{animation:hieResidentialDrift 7s ease-in-out infinite}
.hero-dashboard-crop{position:relative;isolation:isolate;transition:box-shadow .42s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.hero-dashboard-crop:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.30) 47%,transparent 66%);transform:translateX(-130%);animation:hieDashboardSheen 8s ease-in-out 1.5s infinite}
.hero-v2-visual:hover .hero-dashboard-crop{transform:translateY(-4px);box-shadow:0 38px 84px rgba(25,62,116,.23)}
.hero-floating-note{animation:hieNoteFloat 4.6s ease-in-out infinite}
.feature-card,.plan-v2-card,.future-card,.info-card,.product-screen{transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease,border-color .34s ease}
.feature-card:hover,.plan-v2-card:hover,.future-card:hover,.info-card:hover,.product-screen:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(25,62,116,.14);border-color:#bfd3ea}
@keyframes hieResidentialDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes hieDashboardSheen{0%,62%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
@keyframes hieNoteFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@media(max-width:760px){.hero-v2-visual,.hero-floating-note,.hero-dashboard-crop:after{animation:none}.hero-v2-visual:hover .hero-dashboard-crop,.feature-card:hover,.plan-v2-card:hover,.future-card:hover,.info-card:hover,.product-screen:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal{transition-delay:0s!important}.hero-v2-visual,.hero-floating-note,.hero-dashboard-crop:after{animation:none!important}.hero-v2-visual:hover .hero-dashboard-crop,.feature-card:hover,.plan-v2-card:hover,.future-card:hover,.info-card:hover,.product-screen:hover{transform:none!important}}

/* Entrada a la aplicación DEMO, distinta de las pruebas públicas sin registro. */
.residential-demo-access{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:26px 30px;border:1px solid #cfe1f4;border-radius:20px;background:#f2f8ff}.residential-demo-access h3{margin:5px 0 8px;font-size:clamp(22px,2.3vw,29px);color:#123b6b}.residential-demo-access p:not(.eyebrow){margin:0;max-width:650px;color:#49647f;line-height:1.6}.residential-demo-actions{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}.residential-demo-actions .btn{text-align:center}
@media(max-width:900px){.residential-demo-access{flex-direction:column;align-items:stretch}.residential-demo-actions{justify-content:flex-start}}
@media(max-width:520px){.residential-demo-access{padding:22px 18px}.residential-demo-actions{display:grid;grid-template-columns:1fr}.residential-demo-actions .btn{width:100%}}

.residential-solar-benefit{padding:clamp(54px,6vw,82px) 0;background:linear-gradient(120deg,#eaf5ff,#f7fbff 56%,#fff5d9)}.residential-solar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px;padding:clamp(28px,4vw,48px);border:1px solid #c8dff1;border-radius:28px;background:#fff;box-shadow:0 22px 54px rgba(16,55,100,.1)}.residential-solar-inner h2{max-width:760px;margin:7px 0 12px;font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-.035em;color:#133d69}.residential-solar-inner p:not(.eyebrow){max-width:780px;margin:0;color:#4c6680;font-size:16px;line-height:1.65}.residential-solar-actions{display:grid;gap:11px;min-width:230px}.residential-solar-actions .btn{text-align:center}
@media(max-width:900px){.residential-solar-inner{grid-template-columns:1fr}.residential-solar-actions{display:flex;flex-wrap:wrap}}
@media(max-width:520px){.residential-solar-inner{padding:25px 20px}.residential-solar-actions{display:grid;grid-template-columns:1fr}.residential-solar-actions .btn{width:100%}}

/* =========================================================
   HIE Residential · product switch parity with HIE Solar
   2026-09-19 · v8
   ========================================================= */
.residential-header-left{display:flex;align-items:center;gap:14px;min-width:0;white-space:nowrap}
.residential-header-left .brand-logo{min-width:190px;max-width:225px;flex:0 1 225px}
.residential-header-left .brand-logo img{display:block;width:100%;height:54px;object-fit:contain;object-position:left center}
.res-product-switcher{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #d8e4f0;border-radius:15px;background:#f3f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);white-space:nowrap;flex:0 0 auto}
.res-product-option{min-height:38px;display:flex;align-items:center;gap:8px;padding:4px 11px 4px 6px;border-radius:11px;color:#526b84;font-size:12px;letter-spacing:.055em;font-weight:800;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;text-decoration:none}
.res-product-option:hover{color:#315fcc;transform:translateY(-1px)}
.res-product-option.active{color:#0a2c54;background:#fff;box-shadow:0 5px 14px rgba(10,35,69,.11)}
.res-sun-dot,.res-home-dot{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;flex:0 0 28px}
.res-sun-dot{background:#fff3bf;color:#d99500;font-size:17px}
.res-home-dot{background:linear-gradient(145deg,#dff8fb,#e9eeff);color:#3968e9;font-size:18px}
.res-app-switch-mobile{display:none}

/* Make room for the product selector without changing the rest of the header. */
@media(min-width:1181px){
  .nav-row{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(12px,1.5vw,24px)}
  .main-nav{gap:clamp(10px,1.25vw,20px);font-size:13px}
  .nav-actions{gap:7px}
  .nav-actions .btn{padding-inline:13px;font-size:13px}
}

/* On narrower desktop/tablet, the switch moves into the navigation menu. */
@media(max-width:1180px){
  .res-product-switcher{display:none}
  .residential-header-left .brand-logo{max-width:255px;min-width:205px}
  .residential-header-left .brand-logo img{height:58px}
  .res-app-switch-mobile{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 8px;padding:9px;border-radius:13px;background:linear-gradient(135deg,#f8fbff,#edf4fb);border:1px solid #d8e4f0}
  .res-app-switch-mobile span,.res-app-switch-mobile a{min-height:42px;display:flex!important;align-items:center;gap:9px;padding:8px 10px!important;border:0!important;border-radius:10px;font-size:13px!important;font-weight:820;text-decoration:none}
  .res-app-switch-mobile span{color:#0a2c54;background:#fff;box-shadow:0 4px 12px rgba(10,35,69,.08)}
  .res-app-switch-mobile a{color:#285fd1!important}
  .res-app-switch-mobile i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e9f1ff;font-style:normal}
  .res-app-switch-mobile span i{background:linear-gradient(145deg,#dff8fb,#e9eeff);color:#3968e9}
  .res-app-switch-mobile a i{background:#fff3bf;color:#d99500}
  .res-app-switch-mobile b{margin-left:auto}
}

@media(max-width:760px){
  .residential-header-left{flex:1;min-width:0}
  .residential-header-left .brand-logo{min-width:0;max-width:235px;flex:1}
  .residential-header-left .brand-logo img{height:50px}
}
@media(max-width:480px){
  .residential-header-left .brand-logo{max-width:205px}
  .residential-header-left .brand-logo img{height:46px}
}


/* =========================================================
   HIE Residential · robust responsive header v14 · 2026-09-20
   ========================================================= */
.topbar .wrap{width:min(1760px,calc(100% - 32px))}
.nav-row{grid-template-columns:minmax(390px,auto) minmax(0,1fr) auto;gap:clamp(12px,1.35vw,26px)}
.residential-header-left{min-width:0;gap:clamp(10px,1vw,16px)}
.residential-header-left .brand-logo{min-width:185px;max-width:245px;flex:0 1 245px}
.residential-header-left .brand-logo img{height:54px}
.main-nav{min-width:0;flex-wrap:nowrap;gap:clamp(10px,1.15vw,22px);font-size:clamp(12px,.76vw,14px)}
.main-nav a{white-space:nowrap;flex:0 0 auto}
.nav-actions{flex:0 0 auto;gap:8px}.nav-actions .btn{padding-inline:14px;font-size:13px}
@media(max-width:1650px){.nav-actions .btn-primary{display:none}}
@media(max-width:1450px){
  .topbar{height:74px}.topbar .wrap{width:min(100% - 28px,1380px)}
  .nav-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;position:relative}
  .res-product-switcher{display:none!important}.residential-header-left .brand-logo{min-width:0;max-width:285px;flex:0 1 285px}.residential-header-left .brand-logo img{height:56px}
  .menu-btn{display:grid!important;place-items:center;width:46px;height:46px;border:1px solid #cad9e7;border-radius:13px;background:#fff;color:#112f50;justify-self:end}
  .main-nav{display:none!important;position:absolute;left:0!important;right:0!important;top:66px!important;z-index:90;background:#fff;border:1px solid #d3e0eb;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(18,51,92,.16);flex-direction:column;align-items:stretch;gap:2px!important}
  .main-nav.open{display:flex!important}.main-nav a{font-size:15px!important;padding:11px 13px;border-radius:10px;min-height:42px;display:flex;align-items:center}.main-nav a:hover,.main-nav a[aria-current="page"]{background:#f2f6ff}
  .res-app-switch-mobile{display:grid!important;grid-template-columns:1fr;gap:7px;margin:0 0 8px;padding:9px;border-radius:13px;background:linear-gradient(135deg,#f8fbff,#edf4fb);border:1px solid #d8e4f0}
  .nav-actions{display:flex!important}.nav-actions .btn-ghost{display:inline-flex!important}
}
@media(max-width:900px){.nav-actions .btn-primary{display:none!important}.residential-header-left .brand-logo{max-width:250px}}
@media(max-width:760px){
  .topbar{height:68px}.topbar .wrap{width:calc(100% - 24px)}.nav-row{grid-template-columns:minmax(0,1fr) auto!important;height:68px!important}
  .residential-header-left .brand-logo{max-width:235px}.residential-header-left .brand-logo img{height:50px}.nav-actions{display:none!important}.main-nav{top:62px!important}
}
@media(max-width:480px){.residential-header-left .brand-logo{max-width:202px}.residential-header-left .brand-logo img{height:44px}.menu-btn{width:42px;height:42px}.topbar .wrap{width:calc(100% - 18px)}}

/* Commercial presentation card */
.res-presentation{padding:clamp(54px,6vw,84px) 0;background:linear-gradient(180deg,#f8fbff,#eef6ff)}
.presentation-card-res{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;border:1px solid #d8e5f2;border-radius:28px;background:#fff;padding:clamp(22px,3vw,38px);box-shadow:0 22px 55px rgba(20,58,104,.10)}
.presentation-card-res img{width:100%;border-radius:20px;box-shadow:0 16px 38px rgba(16,50,91,.15)}
.presentation-card-res h2{font-size:clamp(30px,3vw,44px);line-height:1.06;margin:8px 0 14px}.presentation-card-res p{font-size:16px;line-height:1.65;color:#526983}.presentation-actions-res{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@media(max-width:900px){.presentation-card-res{grid-template-columns:1fr}.presentation-card-res .presentation-copy{order:-1}}
@media(max-width:520px){.presentation-actions-res{display:grid}.presentation-actions-res .btn{width:100%}}

/* =========================================================
   HIE Residential · visual coherence v15 · 2026-09-20
   ========================================================= */
/* Header: keep one clear action on desktop, collapse early before any wrap. */
@media(min-width:1701px){
  .topbar .wrap{width:min(1880px,calc(100% - 34px))}
  .nav-row{grid-template-columns:minmax(430px,auto) minmax(0,1fr) auto;gap:18px}
  .main-nav{gap:clamp(10px,1vw,18px);font-size:13px}
  .nav-actions .btn{white-space:nowrap}
}
@media(max-width:1700px){
  .res-product-switcher{display:none!important}
  .nav-row{grid-template-columns:minmax(0,1fr) auto auto!important;position:relative}
  .menu-btn{display:grid!important;place-items:center;width:46px;height:46px;border:1px solid #cad9e7;border-radius:13px;background:#fff;color:#112f50;justify-self:end}
  .main-nav{display:none!important;position:absolute;left:0!important;right:0!important;top:66px!important;z-index:90;background:#fff;border:1px solid #d3e0eb;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(18,51,92,.16);flex-direction:column;align-items:stretch;gap:2px!important}
  .main-nav.open{display:flex!important}.main-nav a{white-space:nowrap;font-size:15px!important;padding:11px 13px;border-radius:10px;min-height:42px;display:flex;align-items:center}.main-nav a:hover{background:#f2f6ff}
  .res-app-switch-mobile{display:grid!important}
}

/* Compact presentation resource instead of a large promotional block. */
.product-resource-strip{padding:16px 0 8px;background:#f7fbff}
.presentation-resource{border:1px solid #d6e3ef;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(22,58,102,.07);overflow:hidden}
.presentation-resource summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;color:#123b69}
.presentation-resource summary::-webkit-details-marker{display:none}.resource-summary-main{display:flex;align-items:center;gap:12px;min-width:0}.resource-summary-main b{font-size:15px}.resource-summary-main small{font-size:13px;color:#67809a;font-weight:600}.resource-summary-action{font-size:13px;font-weight:850;color:#4268ef;white-space:nowrap}.resource-summary-action span{display:inline-grid;place-items:center;margin-left:6px;width:24px;height:24px;border-radius:50%;background:#edf2ff}.presentation-resource[open] .resource-summary-action span{transform:rotate(45deg)}
.resource-panel{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);gap:26px;align-items:center;padding:8px 19px 20px;border-top:1px solid #e3ebf4}.resource-copy h2{font-size:clamp(27px,2.5vw,38px);line-height:1.05;margin:7px 0 12px}.resource-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#506982}.resource-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.resource-video video{display:block;width:100%;aspect-ratio:16/9;border-radius:15px;background:#061b36;box-shadow:0 14px 34px rgba(12,44,79,.13)}
@media(max-width:880px){.resource-panel{grid-template-columns:1fr}.resource-copy{order:-1}.resource-summary-main{align-items:flex-start;flex-direction:column;gap:2px}.resource-summary-action{align-self:center}}
@media(max-width:560px){.presentation-resource summary{padding:14px}.resource-panel{padding:6px 14px 16px}.resource-actions{display:grid}.resource-actions .btn{width:100%}}

/* Product status: one visual grammar for all cards. */
.product-status-grid .future-card{display:flex;flex-direction:column;min-height:330px}
.product-status-grid .future-card h3{min-height:52px;margin-bottom:8px}.product-status-grid .future-card>p{min-height:76px}.future-card-foot{margin-top:auto;padding-top:16px}.future-card-foot>small{display:block;color:#5f7388;font-size:13px;line-height:1.55}.product-status-grid .future-mock{margin-top:0}.product-status-grid .micro-list{margin-top:0}
.store-badges-soon{display:grid;grid-template-columns:1fr 1fr;gap:9px}.store-badge-soon{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.store-badge-soon img{width:38px;height:38px;flex:0 0 38px}.store-badge-soon span{display:grid;gap:2px}.store-badge-soon b{font-size:13px;color:#153758}.store-badge-soon small{font-size:11px;color:#58728d}
@media(max-width:520px){.store-badges-soon{grid-template-columns:1fr}.product-status-grid .future-card h3,.product-status-grid .future-card>p{min-height:0}}

/* Explore section: real cards, not an unstyled text list. */
.res-explore{background:linear-gradient(180deg,#f8fbff,#eef5fd)}.res-explore-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:28px;align-items:end;margin-bottom:24px}.res-explore-head h2{margin:6px 0 0;font-size:clamp(34px,3.6vw,50px);line-height:1.02;letter-spacing:-.05em}.res-explore-head>p{margin:0;color:#58718b;font-size:15px;line-height:1.65}.res-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.res-explore-card{position:relative;display:flex;flex-direction:column;min-height:265px;padding:24px;border:1px solid #d7e4ef;border-radius:22px;background:#fff;color:#0a2d54;box-shadow:0 14px 36px rgba(17,55,97,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none}.res-explore-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(17,55,97,.12);border-color:#b9d2e8}.res-explore-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf4ff;color:#3465ef;font-size:20px}.res-explore-kicker{margin-top:21px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#5c7b9a}.res-explore-card h3{margin:9px 0 10px;font-size:23px;line-height:1.08;letter-spacing:-.035em}.res-explore-card p{margin:0;color:#536c85;font-size:14px;line-height:1.6}.res-explore-card strong{margin-top:auto;padding-top:22px;color:#176bd5;font-size:14px}.res-explore-card.res-explore-solar{background:linear-gradient(145deg,#071a36,#0b315e);border-color:#214d79;color:#fff}.res-explore-solar .res-explore-icon{background:#fff2b9;color:#d59500}.res-explore-solar .res-explore-kicker,.res-explore-solar strong{color:#79caff}.res-explore-solar p{color:#c6d6e7}
@media(max-width:1080px){.res-explore-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.res-explore-head{grid-template-columns:1fr}.res-explore-grid{grid-template-columns:1fr}.res-explore-card{min-height:0}}

/* Shared HIE Energy Play banner; mirrors the approved homepage component. */
.energy-game-section{position:relative;overflow:hidden;padding:clamp(72px,8vw,112px) 0;background:radial-gradient(circle at 82% 24%,rgba(48,213,142,.16),transparent 29%),linear-gradient(135deg,#061526,#0a2942);color:#fff}.energy-game-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(36px,6vw,88px);align-items:center}.energy-game-copy .eyebrow{color:#61e5a0}.energy-game-copy h2{max-width:720px;margin:0 0 22px;font-size:clamp(40px,4.5vw,68px);line-height:1.02;letter-spacing:-.052em;color:#fff}.energy-game-copy>p:not(.eyebrow){max-width:670px;margin:0 0 17px;color:#c8d9e7;font-size:clamp(16px,.5vw + 14px,19px);line-height:1.7}.energy-game-copy .energy-game-purpose{color:#9fb6c8}.energy-game-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.energy-game-actions .btn-primary{background:linear-gradient(120deg,#6aeba7,#36d886);color:#042015;box-shadow:0 12px 28px rgba(40,218,133,.2)}.energy-game-actions strong{color:#b7c9d7;font-size:13px}.energy-game-visual{position:relative;display:block;min-height:430px;border:1px solid rgba(116,171,201,.28);border-radius:30px;background:radial-gradient(circle at 50% 70%,rgba(47,226,143,.18),transparent 40%),#071522;box-shadow:0 34px 80px rgba(0,0,0,.32);overflow:hidden}.energy-game-visual img{width:120%;max-width:none;height:430px;margin-left:-10%;object-fit:contain;mix-blend-mode:screen}.energy-game-visual span{position:absolute;left:24px;right:24px;bottom:21px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid rgba(117,169,198,.32);border-radius:13px;background:rgba(3,16,26,.82);font-weight:850;letter-spacing:.05em}.energy-game-visual b{color:#59e99a;font-size:13px}
@media(max-width:1080px){.energy-game-grid{grid-template-columns:1fr}.energy-game-visual{max-width:780px}}
@media(max-width:760px){.energy-game-section{padding:64px 0}.energy-game-copy h2{font-size:38px}.energy-game-actions{display:grid;align-items:stretch}.energy-game-actions .btn{width:100%}.energy-game-visual{min-height:300px;border-radius:22px}.energy-game-visual img{height:310px}.energy-game-visual span{left:14px;right:14px;bottom:14px}}