/* FIKS Website 7.7 – sales/SaaS modules. Uses the global FIKS design tokens. */
.hw-v77-badge,.hw-v77-status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--hw-accent) 14%,var(--hw-surface));color:var(--hw-text)}
.hw-v77-compare-wrap{overflow:auto;padding:2px 2px 12px}.hw-v77-compare{min-width:760px;border:1px solid color-mix(in srgb,var(--hw-text) 12%,transparent);border-radius:calc(var(--hw-radius)*1.05);overflow:hidden;background:var(--hw-surface);box-shadow:var(--hw-card-shadow)}.hw-v77-compare-row{display:grid;grid-template-columns:minmax(210px,1.15fr) repeat(var(--hw-v77-plan-count,3),minmax(170px,1fr));border-bottom:1px solid color-mix(in srgb,var(--hw-text) 9%,transparent)}.hw-v77-compare-row:last-child{border-bottom:0}.hw-v77-compare-row>div{padding:17px 19px;border-right:1px solid color-mix(in srgb,var(--hw-text) 8%,transparent);display:flex;align-items:center;gap:8px}.hw-v77-compare-row>div:last-child{border-right:0}.hw-v77-compare-head>div{align-items:flex-start;flex-direction:column;padding-block:24px}.hw-v77-compare-head>div:first-child{justify-content:flex-end;color:var(--hw-muted);font-size:12px}.hw-v77-plan-head.is-featured{background:color-mix(in srgb,var(--hw-primary) 8%,var(--hw-surface));box-shadow:inset 0 3px 0 var(--hw-primary)}.hw-v77-plan-name{font-family:var(--hw-heading-font);font-size:24px;font-weight:750;letter-spacing:-.035em}.hw-v77-plan-price{font-family:var(--hw-heading-font);font-size:clamp(25px,3vw,38px);font-weight:750;letter-spacing:-.04em}.hw-v77-plan-head p{font-size:13px;color:var(--hw-muted);margin:0}.hw-v77-plan-head .hw-button{margin-top:8px;min-height:42px;padding:10px 14px}.hw-v77-feature-name{font-weight:700}.hw-v77-feature-value{justify-content:center;font-weight:650;text-align:center}.hw-v77-feature-value.is-yes{color:var(--hw-primary);font-size:18px}.hw-v77-feature-value.is-no{color:var(--hw-muted)}.hw-v77-mobile-plan{display:none}
.hw-v77-integration-grid{display:grid;grid-template-columns:repeat(var(--hw-v77-cols,4),minmax(0,1fr));gap:var(--hw-module-gap,var(--hw-content-gap,22px))}.hw-v77-integration-card{position:relative;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:22px;background:var(--hw-surface);border:1px solid color-mix(in srgb,var(--hw-text) 10%,transparent);border-radius:var(--hw-module-radius,var(--hw-radius));text-decoration:none;transition:transform .18s,box-shadow .18s}.hw-v77-integration-card:hover{transform:translateY(-3px);box-shadow:var(--hw-card-shadow)}.hw-v77-integration-logo,.hw-v77-integration-letter{width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--hw-secondary) 60%,var(--hw-surface));display:grid;place-items:center;overflow:hidden}.hw-v77-integration-logo img{max-width:42px;max-height:42px;width:auto;height:auto}.hw-v77-integration-letter{font-family:var(--hw-heading-font);font-size:24px;font-weight:800}.hw-v77-integration-card h3{margin:2px 0 6px}.hw-v77-integration-card p{margin:0;color:var(--hw-muted);font-size:14px}.hw-v77-integration-card .hw-v77-status{position:absolute;right:14px;top:14px}.hw-v77-integration-grid.is-monochrome img{filter:grayscale(1);opacity:.8}
.hw-v77-showcase-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,6vw,90px);align-items:center}.hw-v77-showcase-badges{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.hw-v77-showcase-badges span{display:inline-flex;padding:7px 10px;border:1px solid color-mix(in srgb,var(--hw-text) 12%,transparent);border-radius:999px;background:var(--hw-surface);font-size:11px;font-weight:750}.hw-v77-showcase-visual{margin-top:30px}.hw-v77-device{margin:0;position:relative}.hw-v77-device-screen{overflow:hidden;background:var(--hw-surface)}.hw-v77-device-screen img{display:block;width:100%;height:auto}.hw-v77-device-browser{border:1px solid color-mix(in srgb,var(--hw-text) 14%,transparent);border-radius:18px;overflow:hidden;background:var(--hw-surface);box-shadow:0 28px 80px color-mix(in srgb,var(--hw-text) 16%,transparent)}.hw-v77-browserbar{height:42px;border-bottom:1px solid color-mix(in srgb,var(--hw-text) 10%,transparent);display:flex;align-items:center;gap:6px;padding:0 14px;background:color-mix(in srgb,var(--hw-bg) 75%,var(--hw-surface))}.hw-v77-browserbar i{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--hw-text) 24%,transparent)}.hw-v77-browserbar span{height:20px;width:min(52%,360px);margin-left:9px;border-radius:6px;background:var(--hw-surface)}.hw-v77-device-phone{max-width:330px;margin-inline:auto;border:8px solid var(--hw-text);border-radius:38px;padding:7px;background:var(--hw-text);box-shadow:0 28px 70px color-mix(in srgb,var(--hw-text) 20%,transparent)}.hw-v77-device-phone .hw-v77-device-screen{border-radius:24px}.hw-v77-phone-speaker{position:absolute;z-index:2;top:13px;left:50%;transform:translateX(-50%);width:70px;height:17px;border-radius:999px;background:var(--hw-text)}.hw-v77-device-dashboard{padding:14px;border-radius:24px;background:color-mix(in srgb,var(--hw-text) 8%,var(--hw-surface));box-shadow:var(--hw-card-shadow)}.hw-v77-device-dashboard .hw-v77-device-screen{border-radius:13px}.hw-v77-device-plain .hw-v77-device-screen{border-radius:var(--hw-radius);box-shadow:var(--hw-card-shadow)}.hw-v77-device figcaption{margin-top:10px;text-align:center;color:var(--hw-muted);font-size:12px}.hw-v77-showcase-slider{position:relative}.hw-v77-showcase-stack{display:grid;gap:clamp(18px,3vw,34px)}.hw-v77-showcase-stack-item:nth-child(even){width:min(92%,1080px);margin-left:auto}.hw-v77-showcase-stack-item:nth-child(odd){width:min(92%,1080px);margin-right:auto}.hw-v77-showcase-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px}.hw-v77-showcase-controls button{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--hw-text) 16%,transparent);background:var(--hw-surface);color:var(--hw-text);cursor:pointer}
.hw-v77-logo-wall{overflow:hidden}.hw-v77-logo-wall>div{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,60px);flex-wrap:wrap}.hw-v77-logo-wall a,.hw-v77-logo-wall span{display:grid;place-items:center;min-width:110px;min-height:58px;text-decoration:none}.hw-v77-logo-wall img{max-height:54px;max-width:150px;width:auto;height:auto}.hw-v77-logo-wall.is-monochrome img{filter:grayscale(1);opacity:.68}.hw-v77-logo-wall.is-marquee>div{width:max-content;flex-wrap:nowrap;justify-content:flex-start;animation:hw-v77-marquee 32s linear infinite}.hw-v77-logo-wall.is-marquee:hover>div{animation-play-state:paused}@keyframes hw-v77-marquee{to{transform:translateX(-50%)}}
.hw-v77-demo-split,.hw-v77-demo-compact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(34px,6vw,86px);align-items:center}.hw-v77-demo-centered{max-width:760px;margin-inline:auto;text-align:center}.hw-v77-demo-centered .hw-v77-demo-card{text-align:left}.hw-v77-demo-compact{grid-template-columns:1fr minmax(320px,.85fr)}.hw-v77-demo-card{background:var(--hw-surface);border:1px solid color-mix(in srgb,var(--hw-text) 11%,transparent);border-radius:var(--hw-module-radius,var(--hw-radius));padding:clamp(22px,4vw,34px);box-shadow:var(--hw-card-shadow)}.hw-v77-demo-card form{display:grid;gap:13px}.hw-v77-demo-card label{display:grid;gap:6px;font-size:11px;font-weight:800}.hw-v77-demo-card input,.hw-v77-demo-card textarea{width:100%;border:1px solid color-mix(in srgb,var(--hw-text) 17%,transparent);border-radius:calc(var(--hw-radius)*.48);background:var(--hw-surface);color:var(--hw-text);padding:11px 12px;font:inherit}.hw-v77-demo-card input:focus,.hw-v77-demo-card textarea:focus{outline:0;border-color:var(--hw-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--hw-primary) 12%,transparent)}.hw-v77-demo-card .hw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hw-v77-demo-card .hw-button{justify-self:start}.hw-v77-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important}.hw-v77-consent input{width:auto;margin-top:3px}
@media(max-width:900px){.hw-v77-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-v77-showcase-split,.hw-v77-demo-split,.hw-v77-demo-compact{grid-template-columns:1fr}.hw-v77-showcase-split>div:first-child{max-width:760px}.hw-v77-device-phone{max-width:290px}}
@media(max-width:600px){.hw-v77-integration-grid{grid-template-columns:1fr}.hw-v77-integration-card{grid-template-columns:48px 1fr;padding:18px}.hw-v77-integration-logo,.hw-v77-integration-letter{width:48px;height:48px}.hw-v77-demo-card .hw-form-row{grid-template-columns:1fr}.hw-v77-compare-wrap.is-mobile-cards{overflow:visible}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-compare{min-width:0;border:0;background:transparent;box-shadow:none;display:grid;gap:14px}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-compare-head{display:none}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-compare-row{display:grid;grid-template-columns:1fr;border:1px solid color-mix(in srgb,var(--hw-text) 11%,transparent);border-radius:var(--hw-radius);overflow:hidden;background:var(--hw-surface)}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-compare-row>div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--hw-text) 8%,transparent);justify-content:space-between;padding:13px 15px}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-compare-row>div:last-child{border-bottom:0}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-feature-name{background:color-mix(in srgb,var(--hw-secondary) 50%,var(--hw-surface))}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-mobile-plan{display:inline;color:var(--hw-muted);font-size:11px;font-weight:700}.hw-v77-compare-wrap.is-mobile-cards .hw-v77-feature-value.is-yes{font-size:inherit}.hw-v77-compare-wrap.is-mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.hw-v77-compare-wrap.is-mobile-scroll .hw-v77-compare{min-width:max(760px,calc(210px + var(--hw-v77-plan-count,3)*170px))}.hw-v77-logo-wall>div{gap:20px}.hw-v77-logo-wall a,.hw-v77-logo-wall span{min-width:88px}}
@media(prefers-reduced-motion:reduce){.hw-v77-logo-wall.is-marquee>div{animation:none}.hw-v77-integration-card{transition:none}}

.hw-cols-2 .hw-v77-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-cols-3 .hw-v77-integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-cols-4 .hw-v77-integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hw-cols-5 .hw-v77-integration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hw-cols-6 .hw-v77-integration-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:900px){.hw-tablet-cols-1 .hw-v77-integration-grid{grid-template-columns:1fr}.hw-tablet-cols-2 .hw-v77-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-tablet-cols-3 .hw-v77-integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.hw-mobile-cols-1 .hw-v77-integration-grid{grid-template-columns:1fr}.hw-mobile-cols-2 .hw-v77-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.hw-layout-list.hw-section-integrations .hw-v77-integration-grid{grid-template-columns:1fr}.hw-layout-list.hw-section-integrations .hw-v77-integration-card{grid-template-columns:64px minmax(0,1fr);align-items:center}.hw-layout-featured.hw-section-integrations .hw-v77-integration-card:first-child{grid-column:span 2;padding:clamp(24px,4vw,40px)}
@media(max-width:600px){.hw-layout-featured.hw-section-integrations .hw-v77-integration-card:first-child{grid-column:auto}.hw-v77-showcase-stack-item:nth-child(n){width:100%}}
