:root{--canvas: #F7F5F0;--paper: #F7F5F0;--surface: #FFFFFF;--surface-2: #F0EDE6;--surface-3: #E6E2D8;--ink: #0B1720;--ink-2: #33424F;--ink-muted: #5C6A76;--brand: #10527D;--brand-strong: #0A3A5C;--brand-soft: #E7EFF5;--accent: #B96C33;--accent-ink: #96551F;--accent-soft: #F7EEE5;--signal: #2E9E6B;--hairline: rgba(11, 23, 32, 0.11);--hairline-2: rgba(11, 23, 32, 0.18);--rail: rgba(11, 23, 32, 0.06);--shadow-sm: 0 1px 2px rgba(11, 23, 32, 0.04);--shadow-md: 0 10px 30px -12px rgba(11, 23, 32, 0.16);--shadow-lg: 0 30px 60px -24px rgba(11, 23, 32, 0.24);--font-display: 'Bricolage Grotesque', 'Inter', 'Segoe UI', system-ui, sans-serif;--font-sans: 'Inter', 'Segoe UI', system-ui, sans-serif;--font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;--ease: cubic-bezier(0.22, 1, 0.36, 1);--rise: 16px;--dur: 620ms;--border-radius: 14px;--radius-lg: 20px;--ink-fill: #0B1720;--consent-surface: #0B1720;--btn-primary-bg: #0B1720;--btn-primary-ink: #FFFFFF;--btn-onlight-bg: #FFFFFF;--btn-onlight-ink: #0B1720;--hdr-bg: rgba(247, 245, 240, 0.72);--hdr-bg-scrolled: rgba(247, 245, 240, 0.9);--btn-hover-bg: #96551F;--btn-hover-ink: #FFFFFF;--ink-fill-edge: transparent} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--canvas: #0F1A21;--paper: #0F1A21;--surface: #16232C;--surface-2: #1B2933;--surface-3: #24343F;--ink: #EFEAE1;--ink-2: #C3CDD5;--ink-muted: #8C9AA5;--brand: #5EA9DA;--brand-strong: #8FC4E8;--brand-soft: #16303F;--accent: #D98B4A;--accent-ink: #E5A56D;--accent-soft: #2A1F16;--signal: #4CBF8B;--hairline: rgba(239, 234, 225, 0.13);--hairline-2: rgba(239, 234, 225, 0.22);--rail: rgba(239, 234, 225, 0.07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md: 0 10px 30px -12px rgba(0, 0, 0, 0.6);--shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, 0.75);--ink-fill: #1B2933;--btn-primary-bg: #EFEAE1;--btn-primary-ink: #0F1A21;--hdr-bg: rgba(15, 26, 33, 0.72);--hdr-bg-scrolled: rgba(15, 26, 33, 0.92);--btn-hover-bg: #D98B4A;--btn-hover-ink: #0F1A21;--ink-fill-edge: rgba(239, 234, 225, 0.16)}} :root[data-theme="dark"]{--canvas: #0F1A21;--paper: #0F1A21;--surface: #16232C;--surface-2: #1B2933;--surface-3: #24343F;--ink: #EFEAE1;--ink-2: #C3CDD5;--ink-muted: #8C9AA5;--brand: #5EA9DA;--brand-strong: #8FC4E8;--brand-soft: #16303F;--accent: #D98B4A;--accent-ink: #E5A56D;--accent-soft: #2A1F16;--signal: #4CBF8B;--hairline: rgba(239, 234, 225, 0.13);--hairline-2: rgba(239, 234, 225, 0.22);--rail: rgba(239, 234, 225, 0.07);--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md: 0 10px 30px -12px rgba(0, 0, 0, 0.6);--shadow-lg: 0 30px 60px -24px rgba(0, 0, 0, 0.75);--ink-fill: #1B2933;--btn-primary-bg: #EFEAE1;--btn-primary-ink: #0F1A21;--hdr-bg: rgba(15, 26, 33, 0.72);--hdr-bg-scrolled: rgba(15, 26, 33, 0.92);--btn-hover-bg: #D98B4A;--btn-hover-ink: #0F1A21;--ink-fill-edge: rgba(239, 234, 225, 0.16)} .band--brand, .ftr{--hairline: rgba(255, 255, 255, 0.14);--hairline-2: rgba(255, 255, 255, 0.24);--rail: rgba(255, 255, 255, 0.09)} ::selection{background: var(--accent);color: #fff} body{background: var(--paper);color: var(--ink-2);font-family: var(--font-sans);font-size: 1.02rem;text-rendering: optimizeLegibility} h1, h2, h3, .h-display, .h-section{font-family: var(--font-display);font-weight: 600;font-variation-settings: 'wght' 600} .h-display{font-size: clamp(2.55rem, 5.6vw, 4.15rem);line-height: 0.99;letter-spacing: -0.038em;color: var(--ink);margin: 0 0 24px;text-wrap: balance} .h-section{font-size: clamp(1.85rem, 3vw, 2.55rem);line-height: 1.08;letter-spacing: -0.032em;color: var(--ink);margin: 0 0 18px;text-wrap: balance} .h-display em, .h-section em{font-style: normal;position: relative;white-space: nowrap} .h-display em::after, .h-section em::after{content: '';position: absolute;left: 0;right: 0;bottom: 0.06em;height: 0.085em;background: var(--accent);border-radius: 2px;transform: scaleX(0);transform-origin: left;animation: mark-in 900ms var(--ease) 420ms forwards} @keyframes mark-in{to{transform: scaleX(1)}} .lead{font-size: clamp(1.08rem, 1.35vw, 1.2rem);line-height: 1.66;color: var(--ink-muted);max-width: 60ch;letter-spacing: -0.005em} .eyebrow, .fact__label, .step__num, .ftr h3, .mono{font-family: var(--font-mono);font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;font-feature-settings: 'tnum' 1} .eyebrow{font-size: 0.7rem;color: var(--accent-ink);margin-bottom: 18px;display: flex;align-items: center;gap: 10px} .eyebrow::before{content: '';width: 22px;height: 1px;background: currentColor;flex-shrink: 0;opacity: 0.7} .band--brand .eyebrow{color: rgba(255, 255, 255, 0.72)} .section-head{margin-bottom: 56px;max-width: 66ch;position: relative} main{counter-reset: band} .section-head{counter-increment: band} .section-head::before{content: counter(band, decimal-leading-zero);font-family: var(--font-mono);font-weight: 500;font-size: 0.72rem;letter-spacing: 0.14em;color: var(--accent-ink);position: absolute;left: -78px;top: 0.25em} @media (max-width: 1340px){.section-head::before{position: static;display: block;margin-bottom: 12px}} .wrap{max-width: 1180px;padding: 0 28px} .wrap--narrow{max-width: 820px} .band{padding: 118px 0;position: relative} .band--tight{padding: 76px 0} .band--white{background-color: var(--surface)} .band--warm{background-color: var(--surface-2)} .band--brand{background-color: var(--brand-strong);color: rgba(255, 255, 255, 0.78)} .band--white + .band--white{border-top: 1px solid var(--hairline)} @media (min-width: 1240px){.band, .hero2{background-repeat: no-repeat;background-size: 1px 100%, 1px 100%;background-position: calc(50% - 590px) 0, calc(50% + 589px) 0;background-image: linear-gradient(var(--rail), var(--rail)), linear-gradient(var(--rail), var(--rail))}} .hero2{padding: 176px 0 96px;background-color: var(--paper);border-bottom: 1px solid var(--hairline)} .hero2::after{background: radial-gradient(760px 420px at var(--px, 82%) var(--py, 4%), rgba(16, 82, 125, 0.10), transparent 66%), radial-gradient(560px 340px at 12% 96%, rgba(185, 108, 51, 0.07), transparent 68%)} .hero2__grid{grid-template-columns: 1.08fr 0.92fr;gap: 72px;align-items: center} .hero2--plain .hero2__grid{grid-template-columns: 1.4fr 0.6fr;align-items: start} .hero2__actions{margin-top: 40px;gap: 14px} .hero2__strip{position: relative;z-index: 1;margin-top: 76px;padding-top: 30px;border-top: 1px solid var(--hairline);display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 32px} .hero2__strip .fact{padding: 0} .hero2__strip .fact + .fact{border-top: 0} .hero2__facts{border-left: 1px solid var(--hairline);padding-left: 32px} .fact + .fact{border-top: 1px solid var(--hairline)} .fact__value{font-family: var(--font-display);font-size: clamp(1.5rem, 2.1vw, 1.95rem);font-weight: 600;letter-spacing: -0.03em;color: var(--ink);font-feature-settings: 'tnum' 1} .fact__label{font-size: 0.66rem;color: var(--ink-muted);margin-top: 8px;line-height: 1.5;letter-spacing: 0.13em} .console{position: relative;z-index: 1;background: var(--surface);border: 1px solid var(--hairline);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);overflow: hidden} .console__bar{display: flex;align-items: center;gap: 10px;padding: 14px 22px;border-bottom: 1px solid var(--hairline);font-family: var(--font-mono);font-size: 0.64rem;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-muted)} .console__dot{width: 7px;height: 7px;border-radius: 50%;background: var(--signal);position: relative;flex-shrink: 0} .console__dot::after{content: '';position: absolute;inset: -5px;border-radius: 50%;border: 1px solid var(--signal);opacity: 0;animation: ping 2.8s var(--ease) infinite} @keyframes ping{0%{transform: scale(0.55);opacity: 0.7} 70%, 100%{transform: scale(1.5);opacity: 0}} .console__tag{margin-left: auto;opacity: 0.62;letter-spacing: 0.1em} .console__body{padding: 28px 26px 6px} .console__figure{font-family: var(--font-display);font-size: clamp(2.4rem, 4.2vw, 3.1rem);font-weight: 600;letter-spacing: -0.045em;color: var(--ink);line-height: 1;font-feature-settings: 'tnum' 1} .console__cap{font-family: var(--font-mono);font-size: 0.62rem;font-weight: 500;letter-spacing: 0.15em;text-transform: uppercase;color: var(--ink-muted);margin-top: 12px} .console__spark{display: block;width: 100%;height: 62px;margin: 18px 0 2px} .console__spark .console__line{fill: none;stroke: var(--brand);stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1200;stroke-dashoffset: 1200;animation: draw 2600ms var(--ease) 300ms forwards} .console__spark .console__fill{stroke: none;fill: url(#sparkFade);opacity: 0;animation: fade-in 900ms var(--ease) 1600ms forwards} @keyframes draw{to{stroke-dashoffset: 0}} @keyframes fade-in{to{opacity: 1}} .console__rows{border-top: 1px solid var(--hairline);margin-top: 20px} .console__row{display: flex;align-items: baseline;gap: 14px;padding: 13px 0;font-size: 0.9rem;color: var(--ink-2)} .console__row + .console__row{border-top: 1px solid var(--hairline)} .console__lead{flex: 1;height: 1px;align-self: center;background-image: linear-gradient(90deg, var(--hairline-2) 2px, transparent 2px);background-size: 5px 1px} .console__state{font-family: var(--font-mono);font-size: 0.64rem;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--signal);flex-shrink: 0} .console__state--warn{color: var(--accent-ink)} .console__state--calm{color: var(--ink-muted)} .console__foot{padding: 15px 26px 17px;border-top: 1px solid var(--hairline);background: var(--surface-2);font-size: 0.76rem;color: var(--ink-muted);line-height: 1.55} .hero2__visual{position: relative;z-index: 1} .meter + .meter{margin-top: 22px} .meter__head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;font-size: 0.88rem;color: var(--ink-2);margin-bottom: 10px} .meter__value{font-family: var(--font-mono);font-weight: 600;font-size: 0.86rem;letter-spacing: 0.02em;color: var(--ink);font-feature-settings: 'tnum' 1} .meter__track{height: 4px;border-radius: 2px;background: var(--surface-2);overflow: hidden} .meter__bar{display: block;height: 100%;border-radius: 2px;background: var(--brand);transform: scaleX(var(--v, 1));transform-origin: left} html.js .meter__bar[data-meter]{transform: scaleX(0);transition: transform 1400ms var(--ease)} html.js .meter__bar[data-meter].is-in{transform: scaleX(var(--v, 1))} .meter__bar--warn{background: var(--accent)} .meter__bar--good{background: var(--signal)} .group-label{display: flex;align-items: center;gap: 18px;margin: 64px 0 22px;font-family: var(--font-mono);font-weight: 500;font-size: 0.66rem;letter-spacing: 0.15em;text-transform: uppercase;color: var(--ink-muted)} .group-label::after{content: '';flex: 1;height: 1px;background: var(--hairline)} .group-label:first-of-type{margin-top: 0} .solutions{gap: 1px;background: var(--surface);border: 1px solid var(--hairline);border-radius: var(--radius-lg);overflow: hidden} .scard{position: relative;border: 0;border-radius: 0;padding: 38px 34px 32px;background: var(--surface);transition: transform 260ms var(--ease);overflow: hidden} .solutions--two{grid-template-columns: repeat(2, minmax(0, 1fr))} @media (max-width: 720px){.solutions--two{grid-template-columns: 1fr}} .solutions .scard, .solutions .scard:hover{box-shadow: 0 0 0 1px var(--hairline)} .scard:hover{transform: none} .scard::before{content: '';position: absolute;inset: 0;background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(16, 82, 125, 0.07), transparent 62%);opacity: 0;transition: opacity 320ms var(--ease);pointer-events: none} .scard:hover::before, .scard:focus-visible::before{opacity: 1} .scard::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: var(--accent);transform: scaleX(0);transform-origin: left;transition: transform 420ms var(--ease)} .scard:hover::after, .scard:focus-visible::after{transform: scaleX(1)} .scard > *{position: relative;z-index: 1} .scard__icon{width: 40px;height: 40px;border-radius: 10px;background: transparent;border: 1px solid var(--hairline-2);color: var(--brand);font-size: 1rem;margin-bottom: 26px;transition: border-color 260ms var(--ease), background-color 260ms var(--ease)} .scard:hover .scard__icon{border-color: var(--brand);background: var(--brand-soft)} .scard__title{font-family: var(--font-display);font-size: 1.2rem;letter-spacing: -0.028em;margin-bottom: 12px} .scard__text{font-size: 0.955rem;line-height: 1.68} .scard__more{font-size: 0.72rem;font-family: var(--font-mono);font-weight: 500;letter-spacing: 0.13em;text-transform: uppercase} .scard__more::after{content: '→';transition: transform 280ms var(--ease)} .scard:hover .scard__more{gap: 8px} .scard:hover .scard__more::after{transform: translateX(5px)} .steps{gap: 48px 40px} .step__num{font-size: 0.66rem;letter-spacing: 0.14em;color: var(--accent-ink);margin-bottom: 20px} .step__num::before{font-size: 0.92rem;letter-spacing: 0.02em} .step__title{font-family: var(--font-display);font-size: 1.14rem;letter-spacing: -0.025em;margin-bottom: 10px} .step__text{font-size: 0.955rem;line-height: 1.68} .ticks li{padding-left: 30px;line-height: 1.62;color: var(--ink-2)} .ticks li::before{width: 7px;height: 7px;border-radius: 1px;top: 0.5em;background: var(--accent);transform: rotate(45deg)} .aside-card{border: 1px solid var(--ink-fill-edge);background: var(--ink-fill);border-radius: var(--radius-lg);padding: 34px;color: rgba(255, 255, 255, 0.72)} .aside-card h3{color: #fff;font-family: var(--font-display);font-size: 1.18rem;letter-spacing: -0.025em;margin-bottom: 16px} .aside-card p{color: rgba(255, 255, 255, 0.7) !important} .aside-card, .aside-card li, .aside-card .ticks li{color: rgba(255, 255, 255, 0.8)} .aside-card strong, .aside-card b{color: #fff} .aside-card a, .aside-card a:link, .aside-card a:visited{color: #fff;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: rgba(255, 255, 255, 0.38);transition: text-decoration-color 200ms var(--ease)} .aside-card a:hover, .aside-card a:focus-visible{color: #fff;text-decoration-color: var(--accent)} .aside-card a.btn, .aside-card a.btn:link, .aside-card a.btn:visited{text-decoration: none} .aside-card .btn.btn-primary{background: var(--btn-onlight-bg);color: var(--btn-onlight-ink);border-color: var(--btn-onlight-bg)} .aside-card .btn.btn-primary:hover{background: var(--btn-hover-bg);border-color: var(--btn-hover-bg);color: var(--btn-hover-ink)} .split{gap: 80px} .btn{border-radius: 10px;padding: 14px 24px;font-size: 0.94rem;font-weight: 600;letter-spacing: -0.005em;transition: background-color 240ms var(--ease), color 240ms var(--ease), border-color 240ms var(--ease), transform 120ms var(--ease)} .btn:active{transform: translateY(1px)} .btn.btn-primary, .btn-primary{background: var(--btn-primary-bg);border-color: var(--btn-primary-bg);color: var(--btn-primary-ink)} .btn.btn-primary:hover:not(:disabled){background: var(--btn-hover-bg);border-color: var(--btn-hover-bg);color: var(--btn-hover-ink)} .btn.btn-secondary{background: transparent;color: var(--ink);border: 1px solid var(--hairline-2)} .btn.btn-secondary:hover:not(:disabled){background: transparent;border-color: var(--accent);color: var(--accent-ink)} .btn.btn-onlight{background: var(--btn-onlight-bg);color: var(--btn-onlight-ink);border-color: var(--btn-onlight-bg)} .btn.btn-onlight:hover{background: var(--btn-hover-bg);border-color: var(--btn-hover-bg);color: var(--btn-hover-ink)} .hdr{background: var(--hdr-bg);backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px);border-bottom: 1px solid transparent;transition: background-color 320ms var(--ease), border-color 320ms var(--ease), box-shadow 320ms var(--ease)} .hdr.is-scrolled{background: var(--hdr-bg-scrolled);border-bottom-color: var(--hairline);box-shadow: 0 1px 24px -14px rgba(11, 23, 32, 0.5)} .hdr__inner{height: 84px;transition: height 320ms var(--ease)} .hdr.is-scrolled .hdr__inner{height: 68px} .hdr__logo img{height: 40px;transition: height 320ms var(--ease)} .hdr.is-scrolled .hdr__logo img{height: 34px} .hdr__progress{position: absolute;left: 0;bottom: -1px;height: 2px;width: 100%;background: var(--accent);transform: scaleX(var(--progress, 0));transform-origin: left;pointer-events: none} a.hdr__link{position: relative;font-size: 0.94rem;font-weight: 500;color: var(--ink-2);padding: 9px 15px;white-space: nowrap} a.hdr__link:hover, a.hdr__link:focus-visible{background: transparent;color: var(--ink)} a.hdr__link::after{content: '';position: absolute;left: 15px;right: 15px;bottom: 2px;height: 1px;background: var(--accent);transform: scaleX(0);transform-origin: left;transition: transform 300ms var(--ease)} a.hdr__link:hover::after, a.hdr__link:focus-visible::after, .hdr__group:hover > a.hdr__link::after{transform: scaleX(1)} a.hdr__phone{font-family: var(--font-mono);font-size: 0.85rem;font-weight: 500;letter-spacing: 0.02em;color: var(--ink-2)} a.hdr__phone:hover{color: var(--ink)} .hdr__theme{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;background: transparent;border: 1px solid transparent;border-radius: 10px;color: var(--ink-2);font-size: 0.95rem;cursor: pointer;transition: color 200ms var(--ease), border-color 200ms var(--ease)} .hdr__theme:hover{color: var(--accent);border-color: var(--hairline-2)} .hdr__theme:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px} .hdr__theme-light{display: none} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hdr__theme-dark{display: none} :root:not([data-theme="light"]) .hdr__theme-light{display: inline}} :root[data-theme="light"] .hdr__theme-dark{display: inline} :root[data-theme="light"] .hdr__theme-light{display: none} :root[data-theme="dark"] .hdr__theme-dark{display: none} :root[data-theme="dark"] .hdr__theme-light{display: inline} .hdr__menutema{display: none;align-items: center;gap: 10px;width: 100%;margin-top: 8px;padding: 16px 15px 6px;border: 0;border-top: 1px solid var(--hairline);background: transparent;font: inherit;font-size: 0.94rem;font-weight: 500;color: var(--ink-2);text-align: left;cursor: pointer} .hdr__menutema:hover{color: var(--ink)} .hdr__menutema:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px;border-radius: 6px} .hdr__menutema i{width: 16px;text-align: center} html:not(.js) .hdr__theme, html:not(.js) .hdr__menutema{display: none} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hdr__logo img{filter: brightness(0) invert(1)}} :root[data-theme="dark"] .hdr__logo img{filter: brightness(0) invert(1)} :root[data-theme="light"] .hdr__logo img{filter: none} .hdr__panel{border-radius: 16px;padding: 10px;border-color: var(--hairline)} .hdr__panel::before{content: '';position: absolute;left: 0;right: 0;top: -11px;height: 11px} .hdr__panel a{border-radius: 11px;font-size: 0.94rem} .hdr__panel a span{font-size: 0.82rem;margin-top: 3px} .hdr__panel a:hover, .hdr__panel a:focus-visible{background: var(--surface-2)} .hdr__actions .btn{padding: 11px 20px;font-size: 0.9rem} a.hdr__support{display: inline-flex;align-items: center;gap: 9px;padding: 9px 14px;border: 1px solid var(--hairline-2);border-radius: 10px;font-family: var(--font-mono);font-size: 0.66rem;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-2);text-decoration: none;white-space: nowrap;transition: border-color 240ms var(--ease), color 240ms var(--ease), background-color 240ms var(--ease)} a.hdr__support i{font-size: 0.88rem;color: var(--accent-ink)} a.hdr__support:hover, a.hdr__support:focus-visible{border-color: var(--ink);color: var(--ink)} .logorail{overflow: hidden;-webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent)} .logorail__track{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 28px 64px;width: 100%} html.js .logorail__track{flex-wrap: nowrap;justify-content: flex-start;width: max-content;animation: rail 48s linear infinite} .logorail:hover .logorail__track, .logorail:focus-within .logorail__track{animation-play-state: paused} @keyframes rail{to{transform: translateX(-50%)}} .logorail img{height: 30px;width: auto;max-width: 128px;object-fit: contain;opacity: 0.55;filter: saturate(0.15);transition: opacity 300ms var(--ease), filter 300ms var(--ease)} .logorail a:hover img, .logorail a:focus-visible img{opacity: 1;filter: none} .faq2{gap: 0;border-top: 1px solid var(--hairline)} .faq2 details{background: transparent;border: 0;border-bottom: 1px solid var(--hairline);border-radius: 0;padding: 0;interpolate-size: allow-keywords} .faq2 summary{padding: 26px 0;font-family: var(--font-display);font-size: 1.06rem;letter-spacing: -0.022em;transition: color 220ms var(--ease)} .faq2 summary:hover{color: var(--brand)} .faq2 summary::after{content: '';width: 11px;height: 11px;flex-shrink: 0;background: linear-gradient(var(--accent), var(--accent)) center / 11px 1.5px no-repeat, linear-gradient(var(--accent), var(--accent)) center / 1.5px 11px no-repeat;transition: transform 380ms var(--ease), background-size 380ms var(--ease)} .faq2 details[open] summary::after{transform: rotate(180deg);background-size: 11px 1.5px, 0 11px} .faq2 details p{padding: 0 0 28px;max-width: 68ch;line-height: 1.7} .faq2 details::details-content{block-size: 0;overflow: clip;transition: block-size 420ms var(--ease), content-visibility 420ms allow-discrete} .faq2 details[open]::details-content{block-size: auto} .band--brand{background-color: var(--ink-fill);color: rgba(255, 255, 255, 0.74)} .band--brand::before{content: '';position: absolute;inset: 0;background: radial-gradient(720px 380px at 16% -10%, rgba(16, 82, 125, 0.55), transparent 64%), radial-gradient(560px 320px at 94% 112%, rgba(185, 108, 51, 0.24), transparent 66%);pointer-events: none} .band--brand > *{position: relative;z-index: 1} .cta2 .h-section{font-size: clamp(2rem, 3.6vw, 2.9rem);color: #fff} .cta2 .lead{color: rgba(255, 255, 255, 0.68)} .cta2__actions{margin-top: 40px} .ftr{background: var(--ink-fill);padding: 96px 0 0} .ftr__grid{padding-bottom: 44px;gap: 56px} .ftr h3{font-size: 0.63rem;color: rgba(255, 255, 255, 0.58);letter-spacing: 0.16em;margin-bottom: 22px} .ftr li{font-size: 0.92rem;line-height: 1.6} .ftr a{transition: color 200ms var(--ease)} .ftr__about p{color: rgba(255, 255, 255, 0.55)} .ftr__social a{border-radius: 10px;transition: background-color 220ms var(--ease), border-color 220ms var(--ease), color 220ms var(--ease)} .ftr__social a:hover{background: var(--accent);border-color: var(--accent);color: #fff} .ftr__wordmark{font-family: var(--font-display);font-weight: 600;font-size: clamp(3.4rem, 16.5vw, 13rem);line-height: 1.15;letter-spacing: -0.055em;color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.15);text-align: center;margin: 0 0 -0.2em;padding: 0;user-select: none;overflow: hidden;white-space: nowrap} .ftr__bottom{font-family: var(--font-mono);font-size: 0.66rem;font-weight: 500;letter-spacing: 0.11em;text-transform: uppercase;color: rgba(255, 255, 255, 0.58);padding: 24px 0 30px} .ftr__bottom a, .ftr__linkbtn{font-family: inherit;font-size: inherit;letter-spacing: inherit;text-transform: inherit;color: rgba(255, 255, 255, 0.55)} .actionbar{display: none} @media (max-width: 760px){.actionbar{position: fixed;left: 12px;right: 12px;bottom: 12px;z-index: 880;display: grid;grid-template-columns: 1fr 1fr;gap: 8px;padding: 8px;border-radius: 16px;background: rgba(11, 23, 32, 0.94);backdrop-filter: blur(12px);box-shadow: var(--shadow-lg);transform: translateY(160%);transition: transform 420ms var(--ease)} .actionbar.is-visible{transform: translateY(0)} .actionbar a{display: flex;align-items: center;justify-content: center;gap: 9px;padding: 13px 10px;border-radius: 11px;font-size: 0.9rem;font-weight: 600;text-decoration: none;color: #fff} .actionbar a:first-child{background: rgba(255, 255, 255, 0.1)} .actionbar a:last-child{background: var(--accent)} .ftr{padding-bottom: 78px}} html.js [data-reveal]{opacity: 0;transform: translateY(var(--rise));transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transition-delay: var(--delay, 0ms)} html.js [data-reveal].is-in{opacity: 1;transform: none} html.js .hero2 [data-reveal]{opacity: 1;transform: none;transition: none;animation: hero-indgang var(--dur) var(--ease) both} @keyframes hero-indgang{from{transform: translateY(var(--rise))} to{transform: none}} :focus-visible{outline: 2px solid var(--accent);outline-offset: 3px} .form2{border-radius: var(--radius-lg);padding: 40px} .form2 label{font-family: var(--font-mono);font-size: 0.64rem;font-weight: 500;letter-spacing: 0.13em;text-transform: uppercase;color: var(--ink-muted);margin-bottom: 9px} .form2 input, .form2 select, .form2 textarea{border-radius: 10px;padding: 13px 15px;background: var(--surface);transition: border-color 200ms var(--ease), box-shadow 200ms var(--ease)} .form2 input:focus, .form2 select:focus, .form2 textarea:focus{border-color: var(--ink);box-shadow: 0 0 0 3px rgba(11, 23, 32, 0.07);outline: none} .form2__submit{background: var(--btn-primary-bg);border-color: var(--btn-primary-bg);color: var(--btn-primary-ink);border-radius: 10px;padding: 14px 30px} .form2__submit:hover:not(:disabled){background: var(--brand);border-color: var(--brand)} .ccard{border-radius: var(--radius-lg);transition: border-color 240ms var(--ease), transform 240ms var(--ease)} .ccard:hover{border-color: var(--ink);transform: translateY(-2px)} .ccard__icon{background: transparent;border: 1px solid var(--hairline-2);color: var(--brand)} [id]{scroll-margin-top: 104px} .notice{display: flex;align-items: flex-start;gap: 15px;margin-top: 32px;padding: 20px 22px;max-width: 60ch;background: var(--accent-soft);border: 1px solid rgba(185, 108, 51, 0.3);border-radius: 14px} .notice__dot{position: relative;flex-shrink: 0;width: 8px;height: 8px;margin-top: 8px;border-radius: 50%;background: var(--accent)} .notice__dot::after{content: '';position: absolute;inset: -5px;border-radius: 50%;border: 1px solid var(--accent);opacity: 0;animation: ping 2.4s var(--ease) infinite} .notice__body{min-width: 0} .notice strong{display: block;font-family: var(--font-display);font-size: 1.06rem;letter-spacing: -0.02em;color: var(--ink);margin-bottom: 8px} .notice p strong{display: inline;font-family: inherit;font-size: inherit;letter-spacing: normal;font-weight: 600;margin: 0} .notice p{font-size: 0.94rem;line-height: 1.6;color: var(--ink-2);margin: 0} .notice p + p{margin-top: 10px} .notice code{font-family: var(--font-mono);font-size: 0.85em;background: var(--surface);color: var(--ink);border-radius: 5px;padding: 2px 6px;word-break: break-all} .notice a{color: var(--accent-ink);font-weight: 600;text-decoration: underline;text-underline-offset: 3px;white-space: nowrap} .notice a:hover{color: var(--ink)} @media (max-width: 560px){.notice{padding: 18px;gap: 12px} .notice a{white-space: normal}} .pfcard{border-radius: var(--radius-lg)} html.is-mac .platforms #windows{order: 2} html.is-mac .platforms #mac{order: 1} .pfcard__dl, a.pfcard__dl{background: var(--btn-primary-bg);border-color: var(--btn-primary-bg);color: var(--btn-primary-ink);border-radius: 11px} a.pfcard__dl:hover{background: var(--btn-hover-bg);border-color: var(--btn-hover-bg);color: var(--btn-hover-ink)} @media (min-width: 1081px){.hdr__inner{gap: 28px} a.hdr__link{padding: 9px 12px} a.hdr__link::after{left: 12px;right: 12px}} @media (max-width: 1180px){a.hdr__support{width: 40px;height: 40px;padding: 0;gap: 0;justify-content: center} a.hdr__support span{display: none} a.hdr__support i{font-size: 1rem}} @media (max-width: 1080px){.hdr__inner, .hdr.is-scrolled .hdr__inner{height: 64px} .hdr__logo img, .hdr.is-scrolled .hdr__logo img{height: 34px} .hdr__actions .hdr__theme{display: none} .hdr__menutema{display: flex} .hdr__actions .btn{padding: 10px 15px} .hdr__burger-label{flex-shrink: 0} .hdr__logo{flex-shrink: 1;min-width: 0} .hdr__logo img{max-width: 100%}} @media (max-width: 1000px){.band{padding: 84px 0} .hero2{padding: 128px 0 72px} .hero2__grid, .hero2--plain .hero2__grid{grid-template-columns: 1fr;gap: 48px} .split{gap: 48px}} @media (max-width: 900px){.hero2__facts{border-left: 0;padding-left: 0;border-top: 1px solid var(--hairline);padding-top: 8px} .hero2__strip{margin-top: 48px;grid-template-columns: 1fr 1fr;gap: 26px} .solutions{border-radius: var(--border-radius)} .scard{padding: 30px 26px 28px} .form2{padding: 26px 22px} .section-head{margin-bottom: 40px} .ftr{padding-top: 72px}} @media (max-width: 620px){a.hdr__support{display: none}} @media (max-width: 560px){.hero2__strip{grid-template-columns: 1fr} .h-display{font-size: clamp(2.1rem, 9vw, 2.7rem)} .aside-card{padding: 26px}} #klaro{--accent-on-ink: #D98B4A;--green1: var(--signal);--green2: #2A7D57;--green3: var(--signal);--dark1: var(--consent-surface);--dark2: rgba(255, 255, 255, 0.14);--dark3: rgba(255, 255, 255, 0.64);--light1: #fff;--light2: rgba(255, 255, 255, 0.12);--light3: rgba(255, 255, 255, 0.55);--font-family: var(--font-sans);--title-font-family: var(--font-display);--font-size: 15px;--border-radius: var(--radius-lg);--button-text-color: #fff} #klaro .cookie-modal .cm-modal.cm-klaro, #klaro .cookie-notice:not(.cookie-modal-notice), #klaro .cookie-modal-notice{background-color: var(--consent-surface);color: rgba(255, 255, 255, 0.74);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg)} @media (min-width: 1024px){#klaro .cookie-notice:not(.cookie-modal-notice){border: 1px solid rgba(255, 255, 255, 0.10)}} @media (max-width: 1023px){#klaro .cookie-notice:not(.cookie-modal-notice){border: 0;border-top: 1px solid rgba(255, 255, 255, 0.10);border-radius: 0}} #klaro .cookie-modal .cm-bg{background: rgba(11, 23, 32, 0.62)} #klaro .cookie-modal p, #klaro .cookie-notice p, #klaro .cookie-modal li, #klaro .cookie-notice li{color: rgba(255, 255, 255, 0.74);line-height: 1.6} #klaro .cookie-modal .cm-modal .cm-header h1{font-family: var(--font-display);font-size: 1.5rem;font-weight: 600;letter-spacing: -0.022em;line-height: 1.15;color: #fff} #klaro .cookie-modal .cm-modal .cm-header{padding: 28px 60px 22px 30px;border-bottom-color: rgba(255, 255, 255, 0.12)} #klaro .cookie-modal .cm-modal .cm-body{padding: 6px 30px 18px} #klaro .cookie-modal .cm-modal .cm-footer{padding: 20px 30px 24px;border-top-color: rgba(255, 255, 255, 0.12)} #klaro .cookie-modal .cm-modal .cm-footer-buttons{justify-content: flex-start;gap: 10px;flex-wrap: wrap} #klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn-accept{margin-left: auto} #klaro .cookie-modal .cm-modal .hide{top: 24px;right: 24px} #klaro .cookie-modal .cm-modal .hide svg{stroke: rgba(255, 255, 255, 0.55);transition: stroke 200ms var(--ease)} #klaro .cookie-modal .cm-modal .hide:hover svg{stroke: #fff} #klaro .cookie-modal a, #klaro .cookie-notice a{color: #fff;text-decoration: underline;text-decoration-color: rgba(255, 255, 255, 0.42);text-underline-offset: 3px;transition: text-decoration-color 200ms var(--ease)} #klaro .cookie-modal a:hover, #klaro .cookie-notice a:hover{text-decoration-color: currentColor} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes > li.cm-purpose{padding: 16px 0 16px 66px;border-bottom: 1px solid rgba(255, 255, 255, 0.09)} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes > li.cm-purpose:last-child{border-bottom: 0} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all{border-top-color: rgba(255, 255, 255, 0.12);padding-top: 20px} #klaro .cookie-modal .cm-list-title, #klaro .cookie-notice .cm-list-title{color: #fff;font-size: 0.97rem;font-weight: 600;letter-spacing: -0.005em} #klaro .cookie-modal .cm-list-description, #klaro .cookie-notice .cm-list-description{color: rgba(255, 255, 255, 0.62);font-size: 0.88rem;line-height: 1.55;padding-top: 5px} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes, #klaro .cookie-modal span.cm-opt-out, #klaro .cookie-modal span.cm-required{color: rgba(255, 255, 255, 0.52);font-family: var(--font-mono);font-size: 0.68rem;letter-spacing: 0.06em} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret{color: inherit} #klaro .cookie-modal .cm-caret a{font-family: var(--font-mono);font-size: 0.68rem;font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255, 255, 255, 0.55);text-decoration: none;transition: color 200ms var(--ease)} #klaro .cookie-modal .cm-caret a:hover{color: var(--accent-on-ink)} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded{border-left: 2px solid rgba(185, 108, 51, 0.45);padding-left: 14px;margin-top: 14px} #klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service{padding-bottom: 4px} #klaro .cookie-modal .slider, #klaro .cookie-notice .slider{box-shadow: none} #klaro .cookie-modal .cm-list-label .slider, #klaro .cookie-notice .cm-list-label .slider{background-color: rgba(255, 255, 255, 0.16);border: 1px solid rgba(255, 255, 255, 0.22)} #klaro .cookie-modal .cm-list-label .slider::before, #klaro .cookie-notice .cm-list-label .slider::before{background-color: rgba(255, 255, 255, 0.8);left: 4px;bottom: 4px} #klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, #klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider{background-color: var(--signal);border-color: var(--signal)} #klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before, #klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before{background-color: #fff} #klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, #klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, #klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider{background-color: #2A7D57;border-color: #2A7D57;opacity: 1} #klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider, #klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider{box-shadow: 0 0 0 2px var(--consent-surface), 0 0 0 4px var(--accent-on-ink)} #klaro .cookie-modal .cm-btn, #klaro .cookie-notice .cm-btn{border-radius: 10px;padding: 11px 18px;font-size: 0.88rem;font-weight: 600;letter-spacing: -0.005em;border: 1px solid transparent;margin-right: 0;transition: background-color 240ms var(--ease), border-color 240ms var(--ease), color 240ms var(--ease), transform 120ms var(--ease)} #klaro .cookie-modal .cm-btn:active, #klaro .cookie-notice .cm-btn:active{transform: translateY(1px)} #klaro .cm-btn.cn-decline, #klaro .cm-btn.cm-btn-accept-all, #klaro .cookie-notice .cm-btn.cm-btn-success{background-color: var(--btn-onlight-bg);border-color: var(--btn-onlight-bg);color: var(--btn-onlight-ink)} #klaro .cm-btn.cn-decline:hover, #klaro .cm-btn.cm-btn-accept-all:hover, #klaro .cookie-notice .cm-btn.cm-btn-success:hover{background-color: var(--accent-on-ink);border-color: var(--accent-on-ink);color: var(--consent-surface)} #klaro .cm-btn.cm-btn-info, #klaro .cm-btn.cm-btn-close{background-color: transparent;border-color: rgba(255, 255, 255, 0.3);color: #fff} #klaro .cm-btn.cm-btn-info:hover, #klaro .cm-btn.cm-btn-close:hover{background-color: transparent;border-color: #fff;color: #fff} #klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn:only-child{background-color: var(--btn-onlight-bg);border-color: var(--btn-onlight-bg);color: var(--btn-onlight-ink)} #klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn:only-child:hover{background-color: var(--accent-on-ink);border-color: var(--accent-on-ink);color: var(--consent-surface)} #klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{padding: 22px 24px 24px} #klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p{margin-bottom: 14px} #klaro .cookie-notice .cn-ok{gap: 10px} #klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{display: inline-flex;flex-wrap: wrap;gap: 10px} #klaro .cookie-notice .cn-ok a.cm-link{font-family: var(--font-mono);font-size: 0.68rem;font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255, 255, 255, 0.62);text-decoration-color: rgba(255, 255, 255, 0.3);margin-right: 0} #klaro .cookie-notice .cn-ok a.cm-link:hover{color: #fff} @media (max-width: 659px){#klaro .cookie-modal .cm-modal.cm-klaro{border-radius: 0} #klaro .cookie-modal .cm-modal .cm-header{padding: 24px 54px 18px 22px} #klaro .cookie-modal .cm-modal .cm-body{padding: 6px 22px 16px} #klaro .cookie-modal .cm-modal .cm-footer{padding: 18px 22px 22px} #klaro .cookie-modal .cm-modal .hide{top: 20px;right: 20px} #klaro .cookie-modal .cm-modal .cm-footer-buttons{flex-direction: column;align-items: stretch} #klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn{width: 100%;margin-left: 0}} @media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important} html.js [data-reveal]{opacity: 1;transform: none} html.js .logorail__track{animation: none;transform: none;flex-wrap: wrap;justify-content: center;width: 100%} .h-display em::after, .h-section em::after{transform: scaleX(1)} .console__spark .console__line{stroke-dashoffset: 0} .console__spark .console__fill{opacity: 1}} @media print{.hdr, .ftr, .actionbar, .band--brand{display: none !important} html.js [data-reveal]{opacity: 1 !important;transform: none !important} :root, :root[data-theme="dark"], :root[data-theme="light"]{color-scheme: light;--canvas: #FFFFFF;--paper: #FFFFFF;--surface: #FFFFFF;--surface-2: #F0EDE6;--surface-3: #E6E2D8;--ink: #0B1720;--ink-2: #33424F;--ink-muted: #5C6A76;--brand: #10527D;--brand-strong: #0A3A5C;--brand-soft: #E7EFF5;--accent: #B96C33;--accent-ink: #96551F;--hairline: rgba(11, 23, 32, 0.11);--hairline-2: rgba(11, 23, 32, 0.18);--ink-fill: #0B1720;--ink-fill-edge: transparent;--btn-primary-bg: #0B1720;--btn-primary-ink: #FFFFFF;--shadow-sm: none;--shadow-md: none;--shadow-lg: none} body{background: #FFFFFF !important;color: #0B1720 !important}}