.hero .home-services{order:1;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:840px;padding:24px 0 0}.home-service{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border:1px solid #829fc433;border-radius:16px;background:#0c1422;text-decoration:none;font-size:14px;font-weight:800;transition:background .2s,border-color .2s}.home-service:hover,.home-service:focus-visible{background:#172945;border-color:#75bdff;outline-offset:4px}.home-service img,.home-sound-icon{width:44px;height:44px;object-fit:contain;flex-shrink:0;border-radius:11px}.home-sound-icon{display:grid;place-items:center;background:linear-gradient(135deg,#702be5,#cd48bc);color:white}.home-sound-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero .hero-content{padding-top:28px}@media(max-width:600px){.hero .home-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:18px}.home-service{flex-direction:column;padding:10px 4px;gap:7px;font-size:12px}.home-service img,.home-sound-icon{width:40px;height:40px}}

.home-sound-icon{background:none;overflow:hidden}.home-sound-icon svg{width:100%;height:100%;stroke:none}

.add-on-services{padding:96px 0;background:#0b1425}.add-on-services .shell{padding-top:0;padding-bottom:0}.add-on-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px 0}.add-on-card{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:26px;border:1px solid #2b3b58;border-radius:20px;background:#101b30}.add-on-card.vision{border-color:#8151c2;background:linear-gradient(135deg,#201839,#101b30 65%)}.add-on-card.drive{border-color:#1b8069;background:linear-gradient(135deg,#0c302a,#101b30 65%)}.add-on-card img,.add-on-card .home-sound-icon{width:56px;height:56px;border-radius:15px}.add-on-card h3{margin:4px 0 8px;font-size:24px}.add-on-card p{margin:0;color:#bdc9db;line-height:1.6}.add-on-card ol{grid-column:1/-1;margin:4px 0 0;padding:16px 0 0 22px;border-top:1px solid #ffffff18;color:#dce7f7;line-height:1.7;font-size:14px}.add-on-card li+li{margin-top:5px}.add-on-services .button{margin-top:4px}@media(max-width:700px){.add-on-services{padding:64px 0}.add-on-grid{grid-template-columns:1fr}.add-on-card{padding:22px}.add-on-card h3{font-size:22px}}

/* Clean hero: no photograph behind the message, so every word stays readable. */
.hero{position:relative;isolation:isolate;min-height:660px;overflow:hidden;background:linear-gradient(135deg,#050a13 0%,#0a1932 52%,#071020 100%)}
.hero .hero-photo{display:none}
.hero::before{z-index:-1;background:radial-gradient(circle at 86% 16%,rgba(52,125,255,.22),transparent 30%),radial-gradient(circle at 12% 100%,rgba(84,220,255,.12),transparent 32%)}
.hero::after{display:block;z-index:-1;background:linear-gradient(90deg,transparent 0 72%,rgba(255,255,255,.04) 72.2% 72.4%,transparent 72.6%)}
.hero>nav.topbar{position:relative;z-index:3}
.hero .hero-content{order:2;position:relative;z-index:1;display:grid;min-height:430px;padding:clamp(56px,8vw,112px) 0 84px;text-align:left;align-content:center}
.hero .hero-copy{width:min(720px,100%);margin:0}
.hero .lead{margin-inline:0}.hero .actions,.hero .quick-features{justify-content:flex-start}

/* Four product frames: same crisp outline language used by the primary controls. */
.hero .home-services{max-width:920px;gap:14px;padding-top:26px}
.home-service{position:relative;min-height:78px;padding:14px 16px;border:1px solid rgba(101,174,255,.52);border-radius:18px;background:linear-gradient(145deg,rgba(18,34,60,.96),rgba(8,16,30,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,0,0,.16)}
.home-service::after{position:absolute;inset:5px;border:1px solid rgba(255,255,255,.055);border-radius:13px;content:"";pointer-events:none}
.home-service:hover,.home-service:focus-visible{transform:translateY(-2px);background:linear-gradient(145deg,#1b3969,#0c1b35);border-color:#76c3ff;box-shadow:0 14px 32px rgba(27,104,214,.2),inset 0 1px 0 rgba(255,255,255,.13)}
.home-service:nth-child(2){border-color:rgba(255,125,155,.56)}.home-service:nth-child(2):hover,.home-service:nth-child(2):focus-visible{border-color:#ff98b7;box-shadow:0 14px 32px rgba(230,65,111,.18),inset 0 1px 0 rgba(255,255,255,.13)}
.home-service:nth-child(3){border-color:rgba(177,114,255,.58)}.home-service:nth-child(3):hover,.home-service:nth-child(3):focus-visible{border-color:#c590ff;box-shadow:0 14px 32px rgba(137,69,235,.2),inset 0 1px 0 rgba(255,255,255,.13)}
.home-service:nth-child(4){border-color:rgba(84,218,180,.56)}.home-service:nth-child(4):hover,.home-service:nth-child(4):focus-visible{border-color:#7ee7c6;box-shadow:0 14px 32px rgba(28,181,137,.18),inset 0 1px 0 rgba(255,255,255,.13)}

/* Anchored service descriptions: every top service card lands on its full explanation. */
.service-details{display:grid;gap:16px}.service-detail{scroll-margin-top:28px;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(230px,.72fr);gap:22px;align-items:center;padding:28px;border:1px solid #273a59;border-radius:22px;background:#0c1628}.service-detail>img,.service-detail>.home-sound-icon{width:64px;height:64px;border-radius:18px}.service-detail small{display:block;color:#8da3c4;font-size:11px;font-weight:850;letter-spacing:.15em}.service-detail h3{margin:6px 0 8px;font-size:28px}.service-detail p{margin:0;color:#bdc9db;line-height:1.55}.service-detail-how{padding:18px 0 18px 20px;border-left:1px solid #ffffff1c}.service-detail-how strong{display:block;margin-bottom:7px;color:#f7fbff}.service-detail.base{border-color:#3f8dff}.service-detail.store{border-color:#51b7d8}.service-detail.vision{border-color:#8151c2}.service-detail.drive{border-color:#1b8069}
@media(max-width:700px){.hero{min-height:auto}.hero .hero-content{min-height:510px;padding:62px 0 64px;text-align:left}.hero .hero-copy{width:100%}.hero .actions,.hero .quick-features{justify-content:flex-start}.service-detail{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px}.service-detail>img,.service-detail>.home-sound-icon{width:52px;height:52px;border-radius:15px}.service-detail h3{font-size:24px}.service-detail-how{grid-column:1/-1;padding:16px 0 0;border-left:0;border-top:1px solid #ffffff1c}}

/* Renewed compact layout: copy on the left, the four services as a 2 x 2 control panel. */
.hero{display:flex;flex-direction:column;min-height:556px}
.hero>nav.topbar{order:1}
.hero .hero-content{order:2;min-height:474px;padding:58px 0 48px;align-content:center}
.hero .home-services{position:absolute;z-index:4;top:144px;right:max(20px,calc((100vw - 1180px)/2));width:min(456px,39vw);max-width:none;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero .hero-copy{width:min(542px,53%)}
.home-service{min-height:96px;justify-content:flex-start;padding:15px 17px;gap:12px;border-width:1px;background:linear-gradient(145deg,rgba(21,42,75,.98),rgba(8,16,30,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.18)}
.home-service img,.home-service .home-sound-icon{width:46px;height:46px;border-radius:13px}
.home-service span:last-child{position:relative;z-index:1;font-size:15px;letter-spacing:-.01em}
.hero .lead{max-width:510px;margin-top:18px;font-size:17px;line-height:1.5}
.hero .actions{margin-top:24px}.hero .quick-features{margin-top:20px}
.product{padding:68px 0 74px}.section-head{max-width:760px;margin-bottom:26px}.section-head p{margin-top:12px;line-height:1.5}
.service-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-detail{grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start;padding:21px;border-radius:18px}
.service-detail>img,.service-detail>.home-sound-icon{width:54px;height:54px;border-radius:15px}
.service-detail h3{margin:4px 0 6px;font-size:23px}.service-detail p{font-size:14px;line-height:1.45}
.service-detail-how{grid-column:1/-1;padding:13px 0 0;border-left:0;border-top:1px solid #ffffff1c}
.service-detail-how strong{margin-bottom:4px}
.add-on-services{padding:72px 0}.add-on-grid{margin:24px 0;gap:14px}.add-on-card{padding:22px;border-radius:18px}
@media(max-width:860px){
  .hero{min-height:auto}.hero .hero-content{min-height:auto;padding:52px 0 32px}.hero .hero-copy{width:100%}
  .hero .home-services{order:3;position:relative;top:auto;right:auto;width:min(100% - 40px,720px);margin:0 auto 52px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-service{min-height:80px;justify-content:center;padding:12px;gap:8px}.home-service img,.home-service .home-sound-icon{width:38px;height:38px}.home-service span:last-child{font-size:13px}
}
@media(max-width:600px){
  .hero .hero-content{padding:44px 0 28px}.hero .home-services{width:calc(100% - 28px);margin-bottom:34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-service{min-height:88px;justify-content:flex-start;padding:12px}.home-service img,.home-service .home-sound-icon{width:40px;height:40px}.home-service span:last-child{font-size:13px}
  .product{padding:54px 0 60px}.service-details{grid-template-columns:1fr}.service-detail{padding:19px}.add-on-services{padding:56px 0}
}

/* A dedicated plans area keeps commercial details separate from product explanations. */
.plans{padding:76px 0;background:linear-gradient(145deg,#09152a,#0b1020 64%)}.plan-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.plan-highlight{min-height:230px;padding:21px;border:1px solid #2c466b;border-radius:18px;background:linear-gradient(145deg,rgba(20,37,66,.98),rgba(8,16,30,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.plan-highlight>span{display:block;color:#8dbbff;font-size:10px;font-weight:900;letter-spacing:.14em}.plan-highlight h3{margin:11px 0 16px;font-size:20px}.plan-highlight strong{display:block;color:#fff;font-size:29px;line-height:1}.plan-highlight strong span{font-size:14px;color:#b8c9df;font-weight:750}.plan-highlight p{margin:15px 0 0;color:#c5d1e0;font-size:13px;line-height:1.5}.plan-highlight p b{color:#fff}.plan-highlight.power{border-color:#3e8dff}.plan-highlight.vision{border-color:#8753c8}.plan-highlight.drive{border-color:#1d9275}.plan-highlight.combo{border-color:#c48a2c;background:linear-gradient(145deg,rgba(73,49,16,.96),rgba(16,22,33,.98))}.plans .button{margin-top:4px}@media(max-width:920px){.plan-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.plans{padding:56px 0}.plan-highlight-grid{grid-template-columns:1fr}.plan-highlight{min-height:0}}
.faq{padding:0 0 76px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{min-height:146px;padding:21px 22px;border-color:#263c5b;background:linear-gradient(145deg,rgba(15,30,54,.88),rgba(6,14,27,.84))}.faq-item h3{font-size:18px}.faq-item p{line-height:1.5}.faq-item strong{color:#8fd6ff}@media(max-width:700px){.faq-grid{grid-template-columns:1fr}.faq-item{min-height:0}}

/* Quarterly plans are the recommended commercial option. */
.plan-highlight.quarterly{position:relative;border-width:2px;transform:translateY(-6px);box-shadow:0 16px 34px #0005,inset 0 1px 0 rgba(255,255,255,.12)}.plan-highlight.quarterly:after{content:'MAIS TEMPO';position:absolute;right:15px;top:-12px;border-radius:999px;padding:5px 9px;background:#f2be4e;color:#251803;font-size:9px;font-weight:950;letter-spacing:.11em}.plan-highlight.vision.quarterly{background:linear-gradient(145deg,rgba(73,40,119,.98),rgba(15,17,37,.98))}.plan-highlight.drive.quarterly{background:linear-gradient(145deg,rgba(12,88,69,.98),rgba(8,23,29,.98))}@media(max-width:600px){.plan-highlight.quarterly{transform:none;margin-top:10px}}