.hrm-lp .theme-shot--light{display:none!important}
html.light-theme .hrm-lp .theme-shot--dark{display:none!important}
html.light-theme .hrm-lp .theme-shot--light{display:block!important}
.hrm-lp .perk-icon img{width:36px;height:36px}
.hrm-lp .feature-visual .theme-shot,
.hrm-lp .guide-visual .theme-shot,
.hrm-lp .story-visual .theme-shot,
.hrm-lp .closing-art .theme-shot,
.hrm-lp .finance-wide-visual .theme-shot,
.hrm-lp .store-wide-visual .theme-shot{width:100%;height:auto}
.hrm-lp[data-tool=accounting] .guide-card{padding:0;overflow:hidden}
.hrm-lp[data-tool=accounting] .guide-visual{
    height:auto;
    aspect-ratio:1440/900;
    width:100%;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
}
.hrm-lp[data-tool=accounting] .guide-visual .theme-shot{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:contain;
    object-position:center top;
    margin:0;
}
.hrm-lp[data-tool=accounting] .guide-card h3{margin:16px 16px 12px}
.hrm-lp[data-tool=accounting] .guide-card .btn{width:calc(100% - 32px);margin:0 16px 16px}
html.hrm-page .hrm-lp [id]{scroll-margin-top:6rem}
html[dir=ltr] .hrm-lp .policy-grid .feature-capture img,
html[dir=rtl] .hrm-lp .policy-grid .feature-capture img,
.hrm-lp .policy-grid .feature-capture img{border:0;border-radius:0;object-fit:contain}
.hrm-lp[data-tool=accounting] .feature-grid.policy-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.hrm-lp[data-tool=accounting] .policy-grid .feature-card{grid-column:span 3}
.hrm-lp[data-tool=accounting] .guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin-inline:0}
.hrm-lp[data-tool=accounting] .role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.store-wide-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.store-wide-grid h3{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.35;margin:0 0 10px}
.store-wide-grid p{margin:0 0 12px;max-width:52ch;color:var(--text,#a1a1aa)}
.store-wide-visual{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;border-radius:12px}
.store-wide-visual object,
.store-wide-visual--shot .theme-shot{position:absolute;inset:0;width:100%;height:100%}
.finance-points{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;max-width:52ch;color:var(--text,#a1a1aa)}
.finance-points li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6}
.finance-points .icon{width:16px;height:16px;margin-top:3px;color:var(--brand,#e03e3e);stroke-width:2.2}
.finance-points--inline{display:flex;flex-wrap:wrap;gap:8px 16px;max-width:none;margin-bottom:16px}
.finance-points--inline li{display:inline-flex;align-items:flex-start;gap:6px;flex:1 1 calc(50% - 16px);min-width:min(100%,16rem);margin:0;max-width:none;font-size:13px;line-height:1.5}
.finance-points--inline .icon{width:14px;height:14px;margin-top:2px;flex:none}
.store-wide-grid.finance-shot-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#modules .store-wide-grid.finance-shot-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.finance-shot-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:16px;
    background:#18181b;
    box-shadow:0 1px 2px rgba(0,0,0,.12),0 10px 28px rgba(0,0,0,.28);
}
html.light-theme .finance-shot-card{
    background:#fff;
    box-shadow:0 1px 2px rgba(24,24,27,.04),0 10px 28px rgba(24,24,27,.08);
}
.finance-shot-card .store-wide-visual{
    border-radius:0;
    padding:0;
    margin:0;
    flex:none;
}
.hrm-lp .finance-shot-card .store-wide-visual .theme-shot{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:top center;
}
.finance-shot-copy{padding:16px 18px 20px}
.finance-shot-card--border{
    box-shadow:none;
    border:1px solid #3f3f46;
}
html.light-theme .finance-shot-card--border{
    border-color:#e4e4e7;
    box-shadow:none;
}
.finance-shot-card h3{font-size:1.05rem;line-height:1.4;margin:0 0 8px}
.finance-shot-card p{max-width:none;margin:0 0 12px;font-size:13.5px;line-height:1.65}
.finance-shot-card .finance-points{max-width:none;margin:0}
.finance-shot-card .finance-points--inline{margin-bottom:0}
html.light-theme .store-wide-grid p,
html.light-theme .finance-points{color:#52525b}
.finance-wide-grid{display:grid;grid-template-columns:1fr;gap:52px}
.finance-wide-grid h3{font-size:30px;line-height:1.3;margin:0 0 12px}
.finance-wide-grid p{margin:0 0 16px;max-width:850px;font-size:19px;line-height:1.8;color:var(--text,#a1a1aa)}
.finance-wide-grid ul{margin:0 0 20px;padding-inline-start:1.15rem;max-width:850px;color:var(--text,#a1a1aa)}
.finance-wide-grid li{font-size:18px;line-height:1.9;margin-bottom:8px}
.finance-wide-visual{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;border-radius:12px}
.finance-wide-visual object,
.finance-wide-visual--shot .theme-shot{position:absolute;inset:0;width:100%;height:100%}
html.light-theme .finance-wide-grid p,
html.light-theme .finance-wide-grid ul{color:#52525b}
.finance-hero-rows{display:grid;gap:64px}
.finance-hero-row{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);
    grid-auto-flow:dense;
    gap:0 28px;
    align-items:center;
    direction:ltr;
}
.finance-hero-art{
    grid-column:1;
    grid-row:1;
    position:relative;
    min-width:0;
    overflow:hidden;
    --fin-fade:#000;
    -webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);
}
.finance-hero-copy{grid-column:2;grid-row:1;position:relative;z-index:2;min-width:0;direction:rtl}
html[dir=ltr] .finance-hero-copy{direction:ltr}
.finance-hero-row.is-reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr)}
.finance-hero-row.is-reverse .finance-hero-copy{grid-column:1;grid-row:1}
.finance-hero-row.is-reverse .finance-hero-art{grid-column:2;grid-row:1}
.finance-hero-copy h3{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.35;margin:0 0 10px}
.finance-hero-copy p{margin:0 0 12px;max-width:52ch;color:var(--text,#a1a1aa)}
.finance-hero-copy .finance-points--inline{margin-bottom:0}
.finance-hero-art .store-wide-visual{border-radius:0;width:100%;margin:0}
.hrm-lp .finance-hero-art .theme-shot{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:left top;
}
.finance-hero-row.is-reverse .theme-shot{object-position:right top}
.finance-hero-art:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(to right,transparent 42%,var(--fin-fade) 100%);
}
.finance-hero-row.is-reverse .finance-hero-art:after{
    background:linear-gradient(to left,transparent 42%,var(--fin-fade) 100%);
}
html.light-theme .finance-hero-art{--fin-fade:#fff}
html.light-theme .finance-hero-copy p{color:#52525b}
.hrm-lp .faq-sec h2{font-weight:900}
.hrm-lp .faq-sec button{color:#fff}
html.light-theme .hrm-lp .faq-sec button{color:#111827}
@media (max-width:1023px){
    .hrm-lp[data-tool=accounting] .guide-grid,
    .hrm-lp[data-tool=accounting] .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .store-wide-grid.finance-shot-cards{grid-template-columns:1fr 1fr}
    .finance-wide-grid h3{font-size:clamp(1.35rem,2.1vw,1.85rem)}
    .finance-wide-grid p{font-size:17px}
    .finance-wide-grid li{font-size:16px}
}
@media (max-width:799px){
    .hrm-lp[data-tool=accounting] .feature-grid.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .hrm-lp[data-tool=accounting] .policy-grid .feature-card{grid-column:auto}
    .hrm-lp[data-tool=accounting] .guide-grid,
    .hrm-lp[data-tool=accounting] .role-grid,
    .store-wide-grid,
    .store-wide-grid.finance-shot-cards,
    #modules .store-wide-grid.finance-shot-cards{grid-template-columns:1fr}
    .finance-hero-row,
    .finance-hero-row.is-reverse{grid-template-columns:1fr;gap:16px}
    .finance-hero-row .finance-hero-copy,
    .finance-hero-row .finance-hero-art,
    .finance-hero-row.is-reverse .finance-hero-copy,
    .finance-hero-row.is-reverse .finance-hero-art{grid-column:auto;grid-row:auto}
    .finance-hero-rows{gap:36px}
    .finance-wide-grid{gap:36px}
}