/* Home page (templates/home.html.twig). Classes are scoped with .hx-; shared pieces come from css/suite.css (.sx-). */
.hx-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:#fff;padding:72px 0 0;text-align:center}
.hx-hero-inner{position:relative}
.hx-offer{display:inline-flex;align-items:center;gap:12px;padding:6px 8px 6px 6px;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#DCE4F7;font-size:14.5px;text-decoration:none}
.hx-offer-tag{padding:5px 12px;border-radius:99px;background:var(--gold);color:#3A2A08;font-weight:800;font-size:13px}
.hx-offer-go{padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:13px}
.hx-hero h1{margin:28px auto 0;color:#fff;font-size:clamp(44px,6.6vw,92px);line-height:.98;letter-spacing:-.045em;max-width:12em}
.hx-lead{margin:24px auto 0;max-width:40em;font-size:19.5px;line-height:1.6;color:#C9D4EE}
.hx-note{margin-top:16px;font-size:14px;color:#9FB0D6}
.hx-fan{position:relative;max-width:1180px;height:470px;margin:56px auto 0;padding:0 20px}
.hx-shot{position:absolute;margin:0;border-radius:14px 14px 0 0;overflow:hidden;background:#fff;box-shadow:0 -20px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.16)}
.hx-shot img{display:block;width:100%;height:auto}
.hx-shot-c{left:50%;bottom:0;width:820px;transform:translateX(-50%);z-index:2}
.hx-shot-l{left:0;bottom:-20px;width:600px;transform:rotate(-7deg);z-index:1}
.hx-shot-r{right:0;bottom:-20px;width:600px;transform:rotate(7deg);z-index:1}
.hx-trust{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:3}
.hx-trust ul{list-style:none;margin:0;padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 20px}
.hx-trust li{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:14.5px;font-weight:600;color:var(--ink)}
.hx-trust .ico{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx-split-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.hx-split-head h2{font-size:clamp(32px,3.8vw,50px);letter-spacing:-.032em;line-height:1.06}
.hx-split-head p{font-size:18px;line-height:1.65;color:var(--muted)}
.hx-sys{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hx-sys-card{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:center;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.hx-sys-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c);transform:scaleX(.18);transform-origin:left;transition:transform .3s}
.hx-sys-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 40%,#fff);box-shadow:0 20px 40px -26px color-mix(in srgb,var(--c) 60%,transparent)}
.hx-sys-card:hover::after{transform:none}
.hx-sys-ico{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--cs);color:var(--c)}
.hx-sys-ico .ico{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx-sys-card b{font-size:17px}.hx-sys-card>span:last-child{font-size:14.5px;color:var(--muted)}
.hx-more{margin-top:28px;text-align:center}.hx-more a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.hx-promo{padding:96px 0 110px}
.hx-promo-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#FFF8EA 0,#FFFFFF 55%);border:1px solid #F0E3C8;box-shadow:0 40px 80px -46px rgba(122,90,24,.45)}
.hx-promo-copy{padding:52px}
.hx-promo-tag{display:inline-block;padding:6px 14px;border-radius:99px;background:var(--gold);color:#3A2A08;font-size:13.5px;font-weight:800}
.hx-promo-copy h2{margin-top:18px;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.032em;line-height:1.06;max-width:13em}
.hx-promo-copy>p{margin-top:14px;font-size:17.5px;line-height:1.6;color:var(--muted);max-width:32em}
.hx-prices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;max-width:560px}
.hx-price{position:relative;display:block;padding:20px 20px 18px;border-radius:18px;background:#fff;border:1.5px solid var(--line-strong);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.hx-price:hover{border-color:var(--blue);box-shadow:0 16px 32px -20px rgba(43,79,216,.55);transform:translateY(-2px)}
.hx-price:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.hx-price-go{display:inline-block;margin-top:14px;font-size:14.5px;font-weight:700;color:var(--blue)}
.hx-price-go::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-1px) rotate(45deg)}
.hx-best{background:linear-gradient(180deg,#FFF7E6,#fff 60%);border-color:#E9C77E}
.hx-best .hx-price-go{color:var(--gold-dark)}
.hx-ribbon{position:absolute;left:18px;top:-13px;padding:4px 12px;border-radius:99px;background:var(--gold);color:#3A2A08;font-size:12.5px;font-weight:800;white-space:nowrap;box-shadow:0 6px 14px -6px rgba(122,90,24,.6)}
.hx-prices small{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--muted)}
.hx-prices b{display:block;margin-top:6px;font-size:42px;letter-spacing:-.035em;line-height:1;font-weight:800}
.hx-prices b span{font-size:16px;font-weight:600;color:var(--muted);letter-spacing:0}
.hx-prices s{display:block;margin-top:6px;font-size:13px;color:var(--faint)}
.hx-path{list-style:none;margin:0;padding:52px 44px;background:var(--night);color:#fff;display:grid;align-content:center;gap:26px;position:relative}
.hx-path li:not(:last-child)::after{content:"";position:absolute;left:22px;top:52px;bottom:-22px;border-left:2px dashed rgba(246,196,107,.4)}
.hx-path li{position:relative;display:grid;grid-template-columns:46px 1fr;gap:16px}
.hx-path li>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--night);box-shadow:inset 0 0 0 2px var(--gold);color:var(--gold);font-weight:800;font-size:18px}
.hx-path b{font-size:18px}.hx-path p{margin-top:4px;font-size:15px;line-height:1.55;color:#B9C4DE}
.hx-vault-head{max-width:40em}
.hx-vault-grid{margin:44px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hx-vault-grid>div{padding:28px;border-radius:20px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(246,196,107,.22)}
.hx-vault-grid .ico{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hx-vault-grid b{display:block;margin-top:18px;font-size:18px}.hx-vault-grid span{display:block;margin-top:8px;font-size:15px;line-height:1.6;color:#B9C4DE}
.hx-it{padding:100px 0 110px}
.hx-it-card{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center}
.hx-it-tag{font-size:14px;font-weight:700;color:var(--blue)}
.hx-it h2{margin-top:10px;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.03em}
.hx-it p{margin:14px 0 26px;font-size:17px;line-height:1.65;color:var(--muted);max-width:34em}
.hx-it-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hx-it-list li{display:flex;align-items:center;gap:12px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15px}
.hx-it-list .ico{flex:none;width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1020px){
  .hx-fan{height:360px}.hx-shot-c{width:640px}.hx-shot-l,.hx-shot-r{width:420px}
  .hx-split-head,.hx-promo-card,.hx-it-card{grid-template-columns:minmax(0,1fr)}
  .hx-sys,.hx-vault-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .hx-hero{padding-top:44px}
  .hx-offer{flex-wrap:wrap;justify-content:center;border-radius:18px;padding:8px}
  .hx-fan{height:230px;margin-top:40px}.hx-shot-c{width:92%}.hx-shot-l,.hx-shot-r{display:none}
  .hx-trust ul{flex-direction:column}
  .hx-sys,.hx-vault-grid,.hx-prices,.hx-it-list{grid-template-columns:minmax(0,1fr)}
  .hx-prices{row-gap:24px}
  .hx-promo-copy,.hx-path{padding:30px 24px}.hx-path li:not(:last-child)::after{content:"";position:absolute;left:22px;top:52px;bottom:-22px;border-left:2px dashed rgba(246,196,107,.4)}
}

.hx-shot-l::after,.hx-shot-r::after{content:"";position:absolute;inset:0;background:rgba(10,24,48,.28)}
.hx-offer:focus-visible,.hx-sys-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.hx-offer:focus-visible{outline-color:#fff}
@media(prefers-reduced-motion:reduce){.hx-price,.hx-price:hover{transition:none;transform:none}.hx-sys-card,.hx-sys-card::after{transition:none}.hx-sys-card:hover{transform:none}}

/* funnel toward /accounting-practice */
.hx-note a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-decoration:none}
.hx-note .sx-play{width:22px;height:22px}.hx-note .sx-play::after{left:8px;top:6px;border-left-width:8px;border-top-width:5px;border-bottom-width:5px}
a.hx-fan{display:block;text-decoration:none}
.hx-fan-hint{position:absolute;left:50%;top:-18px;z-index:5;transform:translate(-50%,0);padding:7px 16px;border-radius:99px;background:#fff;color:var(--night);font-size:14px;font-weight:700;box-shadow:0 12px 28px -10px rgba(0,0,0,.5);opacity:0;transition:opacity .2s,transform .2s}
a.hx-fan:hover .hx-fan-hint,a.hx-fan:focus-visible .hx-fan-hint{opacity:1;transform:translate(-50%,-6px)}
a.hx-fan .hx-shot-c{transition:transform .3s}
a.hx-fan:hover .hx-shot-c{transform:translateX(-50%) translateY(-6px)}
a.hx-fan:focus-visible{outline:none}
a.hx-fan:focus-visible .hx-shot-c{outline:3px solid #fff;outline-offset:4px}
.hx-more .sx-btn{display:inline-flex;color:#fff;text-decoration:none}
.hx-inside{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:#fff;padding:110px 0}
.hx-inside .sx-aurora i{opacity:.3}
.hx-inside-head h2{color:#fff;font-size:clamp(34px,4.4vw,56px);letter-spacing:-.04em}
.hx-inside-head p{margin-top:12px;font-size:18px;color:#C9D4EE}
.hx-inside-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hx-tour{position:relative;grid-column:span 2;grid-row:span 2;min-height:340px;border-radius:24px;overflow:hidden;display:block;text-decoration:none;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.hx-tour img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;filter:brightness(.55) saturate(.9);transition:transform .5s}
.hx-tour:hover img{transform:scale(1.04)}
.hx-tour-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,14,32,.9))}
.hx-tour-play{position:absolute;left:28px;bottom:26px;display:flex;align-items:center;gap:14px}
.hx-tour-play b{display:block;font-size:22px}.hx-tour-play small{display:block;font-size:14px;color:#C9D4EE}
.hx-tour .sx-film-btn{width:58px;height:58px}.hx-tour .sx-film-btn::after{left:23px;top:18px;border-left-width:16px;border-top-width:11px;border-bottom-width:11px}
.hx-tour:focus-visible,.hx-hook:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hx-hook{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:22px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .2s,transform .2s}
.hx-hook:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.hx-hook b{font-size:60px;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--c);filter:brightness(1.35)}
.hx-hook span{margin-top:12px;font-size:15.5px;line-height:1.5;color:#DCE4F7}
.hx-hook em{margin-top:auto;padding-top:16px;font-style:normal;font-size:14px;font-weight:700;color:var(--gold)}
.hx-hook em::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-1px) rotate(45deg)}
.hx-inside-cta{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hx-inside-cta span{font-size:15px;color:#B9C4DE}
@media(max-width:1020px){.hx-inside-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-tour{grid-row:auto}}
@media(max-width:720px){.hx-inside{padding:72px 0}.hx-inside-grid{grid-template-columns:minmax(0,1fr)}.hx-tour{grid-column:auto;min-height:220px}.hx-fan-hint{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.hx-tour img,.hx-hook,a.hx-fan .hx-shot-c{transition:none}.hx-tour:hover img{transform:none}.hx-hook:hover{transform:none}}
.hx-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;line-height:1.4}
.hx-note a{line-height:1}
.hx-dot{color:#6F7FA6}
@media(max-width:720px){.hx-dot{display:none}.hx-note{flex-direction:column;gap:8px}}
.hx-single{margin:16px 0 0;max-width:560px;padding:12px 16px;border-radius:14px;background:#fff;border:1px dashed #E9C77E;font-size:15px;color:var(--muted)}
.hx-single b{color:var(--ink)}.hx-single s{color:var(--faint);font-size:13px}
.hx-single a{color:var(--gold-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:720px){.hx-promo{padding:64px 0 72px}}
/* switching band (2026-10-28) */
.hx-switch{padding:96px 0 0}
.hx-switch-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px 48px;align-items:center;padding:40px 44px;border-radius:28px;background:#0F2142;color:#fff;box-shadow:0 40px 80px -50px rgba(15,33,66,.7);position:relative;overflow:hidden;isolation:isolate}
.hx-switch-card::before{content:"";position:absolute;z-index:-1;width:460px;height:460px;right:-140px;top:-220px;border-radius:50%;background:#C9963F;filter:blur(90px);opacity:.3}
.hx-switch-k{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#DDB872}
.hx-switch-k::before{content:"";width:28px;height:1.5px;background:currentColor}
.hx-switch-copy h2{margin-top:12px;color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;line-height:1.12}
.hx-switch-copy>p:last-child{margin-top:12px;color:#CFD6E4;font-size:16.5px;line-height:1.6}
.hx-switch-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hx-switch-facts li{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(221,184,114,.22)}
.hx-switch-facts b{display:block;font-size:15.5px}.hx-switch-facts span{font-size:14px;color:#C2CADA}
.hx-switch-go{grid-column:1/-1}
.hx-switch-go .btn-primary{background:linear-gradient(180deg,#FFCB52,#F2A62E);color:#2A1F17;border-color:transparent;box-shadow:0 14px 30px -14px rgba(242,166,46,.8)}
@media(max-width:860px){.hx-switch{padding-top:64px}.hx-switch-card{grid-template-columns:minmax(0,1fr);padding:30px 24px}}
/* switching band between the dark "inside" section and the offer */
.hx-inside+.hg-band-sec{padding:72px 0 40px;background:linear-gradient(180deg,#FFF8EF 0,#FAFAF9 100%)}
.hg-band-sec+.hx-promo{padding-top:40px}