/* GTrak marketing refresh. Shared chrome and scoped platform components. */
html,body { margin:0; padding:0; }
.cm-site .basket-count[hidden] { display:none; }
.cm-site .nav-login-inline { display:none; }
.gt-lightbox-close { position:absolute; top:18px; right:24px; border:1px solid #d8e1d7; border-radius:5px; padding:9px 15px; background:#fff; color:#182720; font:600 13px "Inter",system-ui,sans-serif; cursor:pointer; }
.gt-lightbox-close:focus-visible { outline:3px solid #dc2626; outline-offset:4px; }
@media(max-width:880px) { .cm-site .nav-login-inline { display:block; } }
.cm-site { --font-display:"Inter",system-ui,sans-serif; --ink:#172321; --ink-2:#45514e; --line:#e3e8e4; --line-2:#cdd5d0; }
.cm-site :is(a,button,summary):focus-visible { outline:3px solid #dc2626; outline-offset:5px; }
.cm-site .btn { border-radius:6px; padding:14px 21px; font-size:14px; gap:18px; }
.cm-site .btn-signal { box-shadow:none; background:#d32628; }
.site-nav { background:#fff; backdrop-filter:none; }
.nav-inner { width:min(1300px,92vw); height:80px; gap:24px; }
.brand-logo { height:31px; }
.nav-links { gap:23px; font-size:13px; }
.nav-actions { gap:12px; }
.nav-phone { border:0; padding:0; }
.nav-phone .phone-num { font-family:var(--font-body); font-size:12px; }
.cm-site .nav-cta { padding:12px 16px; font-size:12px; }
.cm-site .nav-login { font-size:12px; color:#58645e; }
.cm-site .basket-btn { width:34px; height:34px; }
.gt-wrap { width:min(1300px,92vw); margin-inline:auto; }
.gt-kicker { font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#58655e; display:flex; align-items:center; gap:10px; margin-bottom:20px!important; }
.gt-status-dot { width:7px; height:7px; border-radius:50%; background:#d32628; }
.gt-hero { background:#f2f5f0; padding:78px 0 74px; overflow:hidden; }
.gt-hero-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:60px; align-items:center; }
.cm-site .gt-hero h1 { font-size:clamp(46px,5.35vw,76px); line-height:1.03; letter-spacing:-4px; font-weight:700; }
.gt-hero h1 span { color:#d32628; }
.gt-hero-lede { font-size:17px; line-height:1.75; max-width:48ch; margin-top:26px!important; color:#54625b; }
.gt-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:30px; }
.gt-text-link { display:inline-flex; gap:16px; align-items:center; font-size:13px; font-weight:600; color:#172321!important; }
.gt-text-link:hover { color:#d32628!important; }
.gt-hero-footnote { margin-top:23px!important; font-size:11px; color:#657268; }
.gt-product-label,.gt-product-bottom { display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:9px; letter-spacing:1px; font-weight:600; color:#637166; }
.gt-product-label { margin-bottom:17px; }
.gt-product-pill { border:1px solid #c5cfc5; padding:6px 9px; border-radius:3px; font-size:8px; }
.gt-product-window { border:1px solid #d4ded6; border-radius:10px; background:#fff; overflow:hidden; box-shadow:0 25px 65px #26352a17; transform:rotate(-1deg); }
.gt-window-bar { height:38px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; background:#fff; border-bottom:1px solid #e0e7e1; font-size:10px; color:#627268; }
.gt-window-dots { color:#c8d0ca; font-size:8px; letter-spacing:4px; }
.gt-screen-button { display:block; width:100%; padding:0; border:0; cursor:zoom-in; background:#f4f6f6; position:relative; color:inherit; }
.gt-screen-button img { width:100%; display:block; }
.gt-hero-screen { height:425px; overflow:hidden; }
.gt-hero-screen img { height:100%; object-fit:cover; object-position:top; }
.gt-product-bottom { margin-top:22px; letter-spacing:0; font-size:10px; }
.gt-product-bottom span:last-child { font-size:8px; letter-spacing:1px; }
.gt-capability-strip { background:#172321; color:#fff; padding:21px 0; }
.gt-capability-strip .gt-wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.gt-capability-strip span { font-size:10px; letter-spacing:1.4px; font-weight:600; }
.gt-capability-strip i { font-style:normal; color:#d65b55; font-size:17px; }
.gt-proof { padding-top:40px; padding-bottom:40px; display:flex; align-items:center; gap:55px; border-bottom:1px solid #e1e7e2; }
.gt-proof p { font-size:11px; color:#718075; min-width:190px; }
.gt-proof p strong { color:#35473b; font-weight:500; }
.gt-proof ul { list-style:none; padding:0; margin:0; display:flex; justify-content:space-around; width:100%; gap:25px; align-items:center; }
.gt-proof li { font-size:20px; font-weight:600; letter-spacing:-.7px; color:#39483e; }
.gt-section { padding-top:92px; padding-bottom:92px; }
.gt-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; margin-bottom:43px; }
.cm-site .gt-section h2,.cm-site .gt-final-cta h2,.cm-site .gt-page-hero h1 { font-size:clamp(33px,3.8vw,52px); line-height:1.1; letter-spacing:-2px; font-weight:600; }
.gt-section-heading>p { max-width:43ch; font-size:14px; line-height:1.85; padding-bottom:4px; }
.gt-outcome-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.gt-outcome { padding:28px; background:#f5f7f3; border:1px solid #e0e6df; border-radius:6px; transition:border-color .2s,transform .2s; }
.gt-outcome:hover { border-color:#b4c4b7; transform:translateY(-3px); }
.gt-outcome-number { font-size:9px; color:#718074; letter-spacing:1px; font-weight:600; }
.gt-line-icon { width:34px; height:34px; margin:36px 0 22px; color:#bc302c; }
.gt-line-icon svg,.gt-solution-icon svg { width:100%; height:100%; }
.cm-site .gt-outcome h3 { font-size:24px; letter-spacing:-1px; font-weight:600; line-height:1.2; margin-bottom:17px; }
.gt-outcome p { font-size:13px; line-height:1.85; color:#667267; margin-bottom:26px; }
.gt-outcome .gt-text-link { font-size:12px; }
.gt-platform-band { background:#f2f5f0; }
.gt-tour { border:1px solid #d6e0d6; border-radius:9px; background:white; overflow:hidden; }
.gt-tour-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; border-bottom:1px solid #dfe6df; }
.gt-tour-tabs button { flex:1 0 auto; border:0; border-bottom:3px solid transparent; padding:22px 18px 19px; background:none; color:#667367; font-family:inherit; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; }
.gt-tour-tabs button[aria-selected="true"] { color:#172321; border-bottom-color:#d32628; background:#f8faf7; }
.gt-tab-number { color:#a1afa2; font-size:9px; margin-right:7px; }
.gt-tour-panel { display:grid; grid-template-columns:.8fr 1.4fr; gap:35px; padding:38px; align-items:center; }
.gt-tour-panel[hidden] { display:none; }
.gt-tour-copy .gt-kicker { font-size:9px; color:#bd302b; margin-bottom:14px!important; }
.cm-site .gt-tour-copy h3 { font-size:31px; font-weight:600; letter-spacing:-1.2px; line-height:1.16; }
.gt-tour-copy>p:not(.gt-kicker) { font-size:13px; line-height:1.8; margin-top:19px; }
.gt-tour-copy ul { list-style:none; padding:0; margin:25px 0; font-size:11px; line-height:1.7; color:#68766a; }
.gt-tour-copy li { border-top:1px solid #e8ede7; padding:10px 0; }
.gt-tour-copy li:before { content:'↗'; margin-right:10px; color:#b7332e; }
.gt-tour-figure { margin:0; min-width:0; }
.gt-tour-figure .gt-screen-button { border:1px solid #e1e6e0; border-radius:5px; overflow:hidden; }
.gt-tour-figure img { max-height:465px; object-fit:contain; }
.gt-enlarge { position:absolute; bottom:10px; right:10px; background:#fff; border:1px solid #dce4db; border-radius:4px; padding:3px 8px; font-size:15px; }
.gt-tour-figure figcaption { font-size:9px; color:#7c887d; margin-top:12px; }
.gt-smallprint,.gt-tour-note { font-size:10px; line-height:1.7; color:#718071; margin-top:17px!important; }
.gt-solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.gt-solution { border-top:1px solid #cfdacf; padding-top:25px; position:relative; }
.gt-solution-icon { display:block; width:30px; height:30px; margin-bottom:25px; color:#bc302c; }
.cm-site .gt-solution h3 { font-size:18px; font-weight:600; letter-spacing:-.4px; margin-bottom:14px; }
.gt-solution p { font-size:12px; line-height:1.9; color:#68776b; padding-right:5px; }
.gt-solution>span:last-child { display:block; margin-top:20px; font-size:19px; color:#b8322d; }
.gt-dark-band { background:#fff4f4; color:#4b586a; }
.gt-support-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:center; }
.cm-site .gt-dark-band h2 { color:#101c30; }
.gt-dark-band .gt-kicker { color:#b82630; }
.gt-support-grid>div>p:not(.gt-kicker) { font-size:15px; line-height:1.85; }
.gt-support-points { display:flex; gap:18px; flex-wrap:wrap; margin:25px 0 30px; font-size:10px; }
.gt-support-points span { padding-top:10px; border-top:1px solid #e6c9cd; color:#33445d; }
.gt-dark-band .gt-text-link { color:#b82630!important; }
.gt-faq-grid { display:grid; grid-template-columns:.85fr 1.4fr; gap:80px; }
.gt-faq-grid>.gt-text-link,.gt-faq-grid>div>.gt-text-link { margin-top:28px; }
.gt-faq-grid .faq-item { border:0; border-bottom:1px solid #dde5dc; border-radius:0; background:none; padding:20px 0; }
.gt-faq-grid .faq-item:first-child { padding-top:0; }
.gt-faq-grid .faq-item summary { font-size:14px; }
.gt-faq-grid .faq-item p { font-size:13px; line-height:1.85; padding:18px 0 0; }
.gt-final-cta { padding:78px 0; background:#f0f4ed; border-top:1px solid #dde6da; }
.gt-final-cta>.gt-wrap { position:relative; }
.gt-final-cta .gt-kicker { color:#b42b28; }
.gt-final-cta p:not(.gt-kicker) { margin-top:22px; max-width:50ch; font-size:14px; }
.gt-page-hero { padding:70px 0 65px; background:#f2f5f0; }
.gt-page-hero h1 { max-width:19ch; }
.gt-page-hero .gt-page-lede { max-width:66ch; font-size:16px; line-height:1.8; margin-top:25px; }
.gt-breadcrumb { font-size:11px; color:#788679; margin-bottom:35px; }
.gt-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.gt-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.gt-feature { border-top:1px solid #cfdacd; padding-top:24px; }
.cm-site .gt-feature h3 { font-size:20px; letter-spacing:-.6px; font-weight:600; margin-bottom:13px; }
.gt-feature p { font-size:13px; line-height:1.85; color:#68746a; }
.gt-feature .gt-text-link { margin-top:15px; font-size:11px; }
.gt-split { display:grid; grid-template-columns:1fr 1.35fr; gap:70px; align-items:center; }
.gt-split>div>p:not(.gt-kicker) { margin-top:22px; font-size:14px; line-height:1.85; }
.gt-split .gt-screen-button { border:1px solid #dbe4d9; border-radius:6px; overflow:hidden; }
.gt-split figure { margin:0; min-width:0; }
.gt-split figcaption { font-size:10px; color:#748272; margin-top:12px; }
.gt-portrait-figure .gt-screen-button { max-width:425px; margin-inline:auto; }
.gt-portrait-figure img { max-height:550px; object-fit:contain; }
.gt-workflow-links { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; }
.gt-workflow-links a { border:1px solid #d8e2d5; background:#fff; padding:20px; border-radius:6px; display:flex; justify-content:space-between; font-size:13px; font-weight:600; }
.gt-workflow-links a:hover { border-color:#ba302a; }
.gt-metric-table { border-collapse:collapse; width:100%; font-size:13px; line-height:1.7; }
.gt-metric-table th { text-align:left; font-weight:600; padding:17px; background:#f1f5ee; color:#263d2d; }
.gt-metric-table td { padding:18px 17px; border-bottom:1px solid #e1e8df; vertical-align:top; }
.gt-metric-table td:first-child { font-weight:600; width:30%; }
.gt-step-list { list-style:none; padding:0; margin:0; counter-reset:steps; display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.gt-step-list li { counter-increment:steps; border-top:1px solid #ccd9c8; padding-top:25px; font-size:13px; line-height:1.8; }
.gt-step-list li:before { content:'0' counter(steps); display:block; font-size:12px; color:#bc322b; margin-bottom:20px; }
.gt-step-list strong { display:block; font-size:19px; color:#25382a; margin-bottom:12px; line-height:1.25; }
.site-foot { background:#121f19; }
@media(min-width:1500px) { .gt-hero-screen { height:470px; } }
@media(max-width:1200px) { .nav-links { gap:15px; } .nav-phone { display:none; } .gt-hero-grid { gap:35px; } .gt-hero-screen { height:390px; } .gt-tour-panel { padding:28px; } }
@media(max-width:1024px) { .cm-site .nav-login { display:none; } .gt-hero { padding:60px 0; } .cm-site .gt-hero h1 { letter-spacing:-3px; } .gt-hero-lede { font-size:15px; } .gt-actions { gap:18px; } .gt-outcome { padding:22px; } .gt-tour-panel { gap:25px; grid-template-columns:1fr 1.2fr; } .gt-proof li { font-size:17px; } .gt-support-grid,.gt-faq-grid,.gt-split { gap:40px; } }
@media(max-width:880px) { .nav-inner { height:70px; } .nav-links { inset:70px 0 auto; max-height:calc(100vh - 70px); } .gt-hero-grid { grid-template-columns:1fr; gap:45px; } .cm-site .gt-hero h1 { font-size:64px; } .gt-hero-copy { max-width:640px; } .gt-hero-screen { height:440px; } .gt-hero-product { max-width:680px; width:100%; } .gt-proof { flex-direction:column; gap:24px; align-items:flex-start; } .gt-proof ul { justify-content:space-between; } .gt-proof p br { display:none; } .gt-section { padding-top:65px; padding-bottom:65px; } .gt-section-heading { gap:30px; } .gt-outcome-grid { gap:15px; } .cm-site .gt-outcome h3 { font-size:21px; } .gt-tour-tabs button { padding:18px 14px 15px; font-size:11px; } .gt-tour-panel { grid-template-columns:1fr; } .gt-tour-copy { max-width:60ch; } .gt-tour-figure img { max-height:530px; } .gt-solution-grid { grid-template-columns:repeat(2,1fr); gap:35px; } .gt-support-grid,.gt-faq-grid,.gt-split { grid-template-columns:1fr; gap:35px; } .gt-feature-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px) { .gt-hero { padding:45px 0; } .cm-site .gt-hero h1 { font-size:51px; letter-spacing:-2.8px; } .gt-kicker { font-size:9px; letter-spacing:1px; margin-bottom:18px!important; } .gt-hero-lede { font-size:14px; } .gt-hero-screen { height:320px; } .gt-product-label { font-size:8px; gap:8px; } .gt-product-pill { font-size:7px; } .gt-product-bottom { font-size:9px; } .gt-product-bottom span:last-child { display:none; } .gt-capability-strip .gt-wrap { display:grid; grid-template-columns:1fr 1fr; gap:15px 25px; } .gt-capability-strip span { font-size:8px; letter-spacing:.8px; } .gt-capability-strip i { display:none; } .gt-proof { padding-block:30px; } .gt-proof ul { flex-wrap:wrap; gap:20px; justify-content:flex-start; } .gt-proof li { font-size:17px; width:calc(50% - 10px); } .gt-section-heading { display:block; margin-bottom:30px; } .gt-section-heading>p,.gt-section-heading>.gt-text-link { margin-top:22px; } .gt-outcome-grid,.gt-feature-grid,.gt-step-list { grid-template-columns:1fr; } .gt-outcome { padding:26px; } .gt-line-icon { margin:25px 0 20px; } .gt-outcome p { max-width:45ch; } .gt-tour-panel { padding:24px 18px; } .gt-tour-copy h3 { font-size:27px!important; } .gt-tour-figure img { max-height:390px; } .gt-tour-tabs button { min-width:145px; text-align:left; } .gt-solution-grid { gap:35px 22px; } .cm-site .gt-solution h3 { font-size:17px; } .gt-solution p { font-size:11px; } .gt-support-grid>div>p:not(.gt-kicker) { font-size:14px; } .gt-page-hero { padding:40px 0; } .gt-page-hero .gt-page-lede { font-size:14px; } .gt-metric-table { font-size:11px; } .gt-metric-table td,.gt-metric-table th { padding:13px 9px; } .gt-final-cta { padding:60px 0; } }
@media(prefers-reduced-motion:reduce) { .gt-outcome,.cm-site .btn { transition:none; } }
@media(max-width:600px) { .gt-tour-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } .gt-tour-tabs button { min-width:0; padding:16px 10px 13px; font-size:10px; } .gt-tab-number { margin-right:4px; } .gt-workflow-links { grid-template-columns:1fr; } }