/* HB Battle — premium marketing homepage finish */
body.marketing-home .hm-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(64px,8vw,108px) 0 clamp(78px,9vw,116px);
  background:
    radial-gradient(ellipse at 76% 48%,rgba(35,190,120,.17),transparent 34%),
    radial-gradient(ellipse at 8% 8%,rgba(228,187,98,.10),transparent 38%),
    linear-gradient(122deg,#06100c 0%,#0b2118 52%,#07140f 100%);
  border-bottom:1px solid rgba(224,190,112,.17)
}
body.marketing-home .hm-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;
  background-image:linear-gradient(rgba(230,247,236,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(230,247,236,.04) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 96%)
}
body.marketing-home .hm-hero .wrap{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);
  gap:clamp(28px,5vw,72px);align-items:center
}
body.marketing-home .hm-hero .wrap:after{content:none!important;display:none!important}
body.marketing-home .hm-hero .hero-copy{max-width:650px;min-width:0}
body.marketing-home .hm-hero .eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(119,220,165,.24);
  border-radius:999px;background:rgba(25,83,56,.28);color:#a6e9bd;font-size:.69rem;font-weight:800;letter-spacing:.13em
}
body.marketing-home .hm-hero .eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#39d58c;box-shadow:0 0 14px #39d58c}
body.marketing-home .hm-eyebrow-divider{color:rgba(230,192,107,.7)}
body.marketing-home .hm-hero h1{
  max-width:700px;margin:24px 0 20px;color:#f5fbf7;font-family:"Sora","Inter",sans-serif;
  font-size:clamp(3.15rem,6.4vw,5.7rem);font-weight:800;line-height:.99;letter-spacing:-.07em
}
body.marketing-home .hm-hero h1 span{
  background:linear-gradient(100deg,#d6f4df 0%,#55d99a 52%,#e8c777 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
body.marketing-home .hm-hero .hero-copy>p{max-width:54ch;margin:0;color:#b9cbbf;font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.8}
body.marketing-home .hm-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
body.marketing-home .hm-hero .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 20px;
  border-radius:14px;font-weight:800;letter-spacing:-.01em;text-decoration:none!important;transition:transform .2s,box-shadow .2s,border-color .2s
}
body.marketing-home .hm-hero .btn.primary{color:#102017;background:linear-gradient(115deg,#d7f2d9,#66dda0 58%,#e8c77c);border:1px solid rgba(236,255,240,.5);box-shadow:0 12px 30px rgba(47,190,117,.16)}
body.marketing-home .hm-hero .btn.ghost{color:#f0f7f2;background:rgba(255,255,255,.045);border:1px solid rgba(213,237,220,.2)}
body.marketing-home .hm-hero .btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.28)}
body.marketing-home .hm-hero-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px;color:#9fb5a7;font-size:.82rem;font-weight:600}
body.marketing-home .hm-hero-note i{width:4px;height:4px;border-radius:50%;background:#d9b75f}
body.marketing-home .hm-note-mark{display:grid;place-items:center;width:19px;height:19px;border:1px solid rgba(74,213,139,.38);border-radius:50%;color:#72e2a1;font-size:12px}
body.marketing-home .hm-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:540px;height:clamp(360px,40vw,500px);margin-inline:auto}
body.marketing-home .hm-visual-glow{position:absolute;z-index:-1;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(42,197,122,.22),rgba(42,197,122,.055) 46%,transparent 72%);filter:blur(10px)}
body.marketing-home .hm-phone{position:relative;flex:none;width:29%;max-width:158px;aspect-ratio:600/1300;padding:6px;border:1px solid rgba(225,191,111,.42);border-radius:27px;background:linear-gradient(145deg,#35443b,#101b16 60%,#29372e);box-shadow:0 22px 52px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
body.marketing-home .hm-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:21px}
body.marketing-home .hm-phone-left{transform:translate(15px,14px) rotate(-8deg) scale(.88);z-index:1}
body.marketing-home .hm-phone-main{width:34%;max-width:184px;z-index:3;transform:translateY(-4px);border-color:rgba(237,207,133,.78);box-shadow:0 30px 74px rgba(0,0,0,.58),0 0 38px rgba(54,202,128,.12),inset 0 0 0 1px rgba(255,255,255,.08)}
body.marketing-home .hm-phone-right{transform:translate(-15px,17px) rotate(8deg) scale(.88);z-index:1}
body.marketing-home .hm-float-tag{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(218,237,223,.14);border-radius:12px;background:rgba(8,22,15,.88);box-shadow:0 12px 30px rgba(0,0,0,.28);color:#dcebe1;font-size:.62rem;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(12px)}
body.marketing-home .hm-tag-top{top:8%;right:1%}
body.marketing-home .hm-tag-bottom{bottom:8%;left:1%;color:#b7c9bd}
body.marketing-home .hm-tag-bottom b{color:#d8b968}
body.marketing-home .hm-tag-dot{width:7px;height:7px;border-radius:50%;background:#39d58c;box-shadow:0 0 12px #39d58c}
body.marketing-home .trust-strip{position:relative;z-index:2;margin-top:-30px;padding:0 0 22px}
body.marketing-home .trust-strip .trust-grid{border:1px solid rgba(128,185,150,.2);border-radius:20px;background:linear-gradient(110deg,rgba(15,39,27,.98),rgba(10,29,21,.98));box-shadow:0 20px 54px rgba(0,0,0,.28);overflow:hidden}
body.marketing-home .trust-strip .trust-item{padding:21px 22px}
body.marketing-home .trust-strip strong{color:#f0f8f2;font-size:.98rem}
body.marketing-home .trust-strip span{color:#aabeb1;font-size:.82rem;line-height:1.55}
body.marketing-home section.sec{position:relative;padding:clamp(54px,6.5vw,82px) 0}
body.marketing-home section.sec.soft-band{background:linear-gradient(110deg,rgba(15,38,27,.72),rgba(8,23,16,.56));border-top:1px solid rgba(129,181,147,.08);border-bottom:1px solid rgba(129,181,147,.08)}
body.marketing-home .sec-head{margin-bottom:30px}
body.marketing-home .sec-head h2,body.marketing-home section h2{font-family:"Sora","Inter",sans-serif;font-size:clamp(1.7rem,3.2vw,2.65rem);line-height:1.14;letter-spacing:-.045em;color:#f0f7f2}
body.marketing-home .sec-head .sec-label{color:#d8b969;font-weight:800;letter-spacing:.14em}
body.marketing-home .sec-head p,body.marketing-home .prose{color:#b7c9be}
body.marketing-home .prose{max-width:900px;line-height:1.85}
body.marketing-home .card-grid{gap:18px}
body.marketing-home .card{border:1px solid rgba(131,190,153,.18);border-radius:19px;background:linear-gradient(145deg,rgba(20,46,33,.92),rgba(9,27,19,.94));box-shadow:0 14px 38px rgba(0,0,0,.16);transition:transform .22s,border-color .22s,box-shadow .22s}
body.marketing-home .card:hover{transform:translateY(-4px);border-color:rgba(107,220,153,.42);box-shadow:0 22px 46px rgba(0,0,0,.27)}
body.marketing-home .card h3,body.marketing-home .card h3 a{color:#eff8f2}
body.marketing-home .card p{color:#b5c8bc;line-height:1.72}
body.marketing-home .faq-preview details{border:1px solid rgba(131,190,153,.16);border-radius:15px;background:rgba(13,32,22,.65);padding:17px 20px;margin:10px 0}
body.marketing-home .faq-preview summary{color:#edf6ef;font-weight:700;cursor:pointer}
body.marketing-home .faq-preview details p{color:#b5c8bc}
body.marketing-home .site-footer{padding:62px 0 32px;background:linear-gradient(180deg,rgba(7,19,13,.35),rgba(3,10,7,.92));border-top:1px solid rgba(220,188,108,.15)}
body.marketing-home .site-footer h4{color:#e7c777}
body.marketing-home .site-footer p,body.marketing-home .site-footer .col a{color:#aebfb4}
body.marketing-home .site-footer .col a:hover{color:#e8c777}
body.marketing-home .hb-app-showcase{scroll-margin-top:90px}
@media(max-width:900px){
 body.marketing-home .hm-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);gap:22px}
 body.marketing-home .hm-hero h1{font-size:clamp(2.8rem,6.3vw,4.5rem)}
 body.marketing-home .hm-visual{height:360px}
 body.marketing-home .hm-float-tag{font-size:.55rem;padding:8px 10px}
}
@media(max-width:700px){
 body.marketing-home .hm-hero{padding:54px 0 64px}
 body.marketing-home .hm-hero .wrap{grid-template-columns:1fr;gap:22px}
 body.marketing-home .hm-hero .hero-copy{max-width:620px}
 body.marketing-home .hm-hero h1{font-size:clamp(2.85rem,12.5vw,4.25rem);margin:20px 0 15px}
 body.marketing-home .hm-hero .hero-copy>p{font-size:1rem;line-height:1.72}
 body.marketing-home .hm-hero .hero-actions{margin-top:23px}
 body.marketing-home .hm-hero .btn{flex:1 1 155px;padding:13px 14px;font-size:.9rem}
 body.marketing-home .hm-visual{height:330px;max-width:440px;margin-top:0}
 body.marketing-home .hm-phone{width:29%;max-width:138px;border-radius:23px;padding:5px}
 body.marketing-home .hm-phone img{border-radius:18px}
 body.marketing-home .hm-phone-main{width:34%;max-width:160px}
 body.marketing-home .hm-float-tag{letter-spacing:.08em}
 body.marketing-home .hm-tag-top{top:3%;right:0}
 body.marketing-home .hm-tag-bottom{bottom:3%;left:0}
 body.marketing-home .trust-strip{margin-top:-18px}
 body.marketing-home section.sec{padding:52px 0}
}
@media(max-width:420px){
 body.marketing-home .hm-hero .eyebrow{font-size:.59rem;letter-spacing:.08em;padding:8px 10px}
 body.marketing-home .hm-hero h1{font-size:clamp(2.7rem,12vw,3.45rem)}
 body.marketing-home .hm-visual{height:292px}
 body.marketing-home .hm-phone{width:30%;max-width:116px}
 body.marketing-home .hm-phone-main{width:35%;max-width:135px}
 body.marketing-home .hm-phone-left{transform:translate(10px,11px) rotate(-7deg) scale(.88)}
 body.marketing-home .hm-phone-right{transform:translate(-10px,12px) rotate(7deg) scale(.88)}
 body.marketing-home .hm-float-tag{font-size:.48rem;padding:7px 8px}
 body.marketing-home .trust-strip .trust-item{padding:15px 17px}
}
@media(prefers-reduced-motion:reduce){
 body.marketing-home .hm-hero .btn,body.marketing-home .card{transition:none}
 body.marketing-home .hm-hero .btn:hover,body.marketing-home .card:hover{transform:none}
}