/* JSBS Co. — September 2026 design system. */
:root{--ink:#191b20;--muted:#606670;--blue:#427ef5;--action:#2364df;--soft:#f5f6f8;--line:#dfe2e7;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;font-size:17px;line-height:1.65}body,button,input,select,textarea{font-family:var(--font)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:650;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.25vw,96px)}h2{font-size:clamp(36px,4vw,60px)}h3{font-size:24px;letter-spacing:-.025em}p{color:var(--muted)}p+p{margin-top:20px}em{font-style:normal;color:var(--blue)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-size:16px}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;height:auto;display:block}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover{color:var(--action)}:focus-visible{outline:3px solid var(--action);outline-offset:5px}[hidden]{display:none!important}::selection{background:#d9e7ff;color:#142548}.shell,.core-shell{width:min(1380px,calc(100% - 112px));margin-inline:auto}.section,.core-section{padding-block:110px}.soft,.core-section--soft{background:var(--soft)}.muted{color:var(--muted)}.section-label{color:var(--action);font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:20px}.section-head{display:grid;grid-template-columns:1.45fr 1fr;gap:90px;align-items:end;margin-bottom:56px}.section-head>p{font-size:20px;max-width:500px;padding-bottom:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.split p{font-size:20px}.split .text-link{margin-top:24px}.split h2 em{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:30px;align-items:center;margin-top:30px}.button,.jsbs-button,.core-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--action);color:#fff;border:1px solid transparent;border-radius:999px;min-height:49px;padding:12px 27px;font-size:16px;font-weight:550;line-height:1.35;letter-spacing:-.012em;transition:background .18s,transform .18s;text-align:center}.button:hover,.jsbs-button:hover,.core-button:hover{color:#fff;background:#1854c3;transform:translateY(-2px)}.button-dark{background:var(--ink)}.button-dark:hover{background:#303641}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:550;line-height:1.5;color:var(--action)}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}.core-button--secondary,.jsbs-button--secondary{border-color:var(--line);background:#fff;color:var(--ink)}.core-button--secondary:hover,.jsbs-button--secondary:hover{background:#e9edf4;color:var(--ink)}.skip-link{position:fixed;left:20px;top:12px;transform:translateY(-150%);z-index:2000;background:var(--ink);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{transform:none;color:white}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #eceef1}.header-inner{max-width:1512px;min-height:78px;padding:0 40px;margin:auto;display:flex;align-items:center;gap:38px}.brand{display:block;flex-shrink:0}.brand img{width:103px;height:51px;object-fit:contain}.header-nav{display:flex;gap:36px;align-items:center;margin-inline:auto;font-size:14px;font-weight:500}.header-nav>a,.solutions-control>a{padding-block:22px}.header-nav [aria-current=page]{color:var(--action)}.header-cta{font-size:14px;min-height:42px;padding:10px 22px}.header-nav-item--folder{position:relative}.solutions-control{display:flex;gap:4px;align-items:center}.jsbs-header-solutions-toggle{width:28px;height:40px;display:grid;place-items:center;background:none;border:0;padding:0}.jsbs-header-solutions-toggle svg{width:15px}.header-nav-folder-content{position:absolute;left:-30px;top:calc(100% + 1px);width:340px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #10182014;display:none}.jsbs-solutions-open .header-nav-folder-content{display:block}.header-nav-folder-content>a{display:block;padding:15px;border-radius:8px}.header-nav-folder-content>a:hover{background:var(--soft)}.header-nav-folder-content strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.025em}.header-nav-folder-content span{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:4px;line-height:1.45}.menu-toggle{display:none;width:44px;height:44px;place-items:center;background:none;border:0;border-radius:8px;padding:0}
.home-hero{text-align:center;padding-top:62px;padding-bottom:62px}.home-hero h1{font-size:clamp(48px,6.1vw,94px);line-height:1.03}.hero-lead{font-size:21px;line-height:1.55;letter-spacing:-.02em;max-width:830px}.home-hero .hero-lead{margin:23px auto 0}.home-hero .actions,.core-hero .actions,.process-hero>.actions{justify-content:center}.mobile-break{display:none}.hero-product{width:min(1180px,100%);margin:40px auto 0}.product-shot{position:relative;display:block;width:100%;border:0;padding:0;background:#081522;border-radius:10px;box-shadow:0 22px 55px #19213119,0 2px 7px #19213124;overflow:hidden;cursor:zoom-in;line-height:0}.product-shot img{width:100%;height:auto}.image-hint{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);font-size:12px;line-height:1;padding:10px 14px;border:1px solid var(--line);border-radius:30px;opacity:0;transform:translateY(5px);transition:.2s}.image-hint svg{width:16px;height:16px}.product-shot:hover .image-hint,.product-shot:focus-visible .image-hint{opacity:1;transform:none}figcaption{font-size:13px;color:var(--muted);margin-top:19px;line-height:1.5}.fact-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px}.fact-rail>div{padding:6px 24px;border-left:1px solid #cdd1d8}.fact-rail>div:first-child{border:0;padding-left:0}.fact-rail strong{font-size:20px;font-weight:600;letter-spacing:-.025em;display:block}.fact-rail span{font-size:15px;color:var(--muted);display:block;margin-top:8px}.home-core-bottom{display:flex;gap:40px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:35px;margin-top:44px}.home-core-bottom>p{max-width:690px;font-size:20px}.home-core-bottom>a{flex-shrink:0}.service-row{display:grid;grid-template-columns:70px 1.1fr 1.1fr 58px;gap:32px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}.service-row:last-child{border:0}.row-number{font-size:26px;color:var(--blue);font-weight:300;letter-spacing:-.04em}.service-row h3{font-size:33px;letter-spacing:-.04em}.service-row p{font-size:18px}.round-arrow{display:grid;place-items:center;width:50px;height:50px;background:var(--ink);color:white;border-radius:50%;transition:.2s}.service-row:hover .round-arrow{background:var(--action);transform:rotate(-35deg)}.service-row:hover h3{color:var(--action)}.cta-band{background:var(--ink);color:white;padding:80px 0}.cta-band>.shell{display:flex;justify-content:space-between;gap:70px;align-items:center}.cta-band h2{font-size:clamp(34px,3.8vw,56px);font-weight:550}.cta-band .button{flex-shrink:0;min-height:58px;padding-inline:30px}.cta-band svg{width:24px}
.product-nav{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:79px;z-index:70}.product-nav>.shell{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:30px}.product-name{display:flex;align-items:center;gap:12px;font-weight:600;font-size:19px}.product-name img{width:30px;height:30px}.product-nav .shell>div{display:flex;gap:24px;align-items:center;font-size:13px}.product-nav .button{font-size:13px;min-height:35px;padding:8px 17px}.core-hero{text-align:center;padding:70px 0 75px}.core-hero h1{font-size:clamp(52px,6.2vw,94px)}.core-hero .hero-lead{margin:25px auto 0}.jsbs-core-embed section[id]{scroll-margin-top:70px}.product-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}.product-tabs button{white-space:nowrap;border:0;background:none;padding:14px 12px;color:var(--muted);font-size:18px;border-bottom:3px solid transparent}.product-tabs [aria-selected=true]{color:var(--action);border-color:var(--action)}.tour-caption{display:flex;gap:50px;justify-content:space-between;align-items:center;margin-top:25px}.tour-caption h3{font-size:22px}.tour-caption p{font-size:16px;max-width:570px}.workspace-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 42px}.workspace-groups>div>h3{font-size:17px;font-weight:600;color:var(--action);margin-bottom:20px}.detail-rows{border-top:1px solid var(--line)}.detail-rows details{border-bottom:1px solid var(--line)}.detail-rows summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;font-size:25px;font-weight:550;line-height:1.4;letter-spacing:-.03em;padding:25px 0;cursor:pointer}.detail-rows summary::-webkit-details-marker{display:none}.detail-rows summary span{font-size:26px;font-weight:300;color:var(--muted);line-height:1;transition:transform .2s}.detail-rows details[open] summary span{transform:rotate(45deg)}.detail-rows details[open] summary{color:var(--action)}.detail-rows details>div{padding:0 34px 26px 0}.detail-rows p{font-size:17px;line-height:1.7}.detail-rows a{margin-top:15px}.workspace-groups summary{font-size:18px;padding-block:15px;letter-spacing:-.025em}.workspace-groups .detail-rows p{font-size:15px}.roadmap-note,.scope-note{font-size:14px;max-width:960px;border-top:1px solid var(--line);padding-top:26px;margin-top:45px}.ownership-band{background:#192332;color:white;padding:100px 0}.ownership-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ownership-grid h2{font-size:clamp(54px,6vw,84px)}.ownership-grid p{color:#c9d0da;font-size:20px}.ownership-grid .text-link{color:#92b6ff;margin-top:24px}
.core-price-head{max-width:870px;margin-bottom:35px}.core-h2{font-size:clamp(36px,4vw,60px)}.core-lead{font-size:19px;margin-top:22px;line-height:1.7}.core-kicker{font-size:14px;font-weight:600;color:var(--action);margin-bottom:15px}.core-tax-pill{display:block;font-size:13px;margin-top:20px;color:var(--muted)}.core-promo-banner{display:none;padding:22px 26px;background:#edf3ff;border-radius:12px;margin-bottom:28px;font-size:14px;color:#294979}.core-promo-banner.is-visible{display:block}.core-promo-banner strong{display:block;font-size:17px;color:#214b99;margin-bottom:5px}.core-promo-banner span{display:block}.core-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.core-price-card{background:var(--soft);border:1px solid #e9ebef;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;min-width:0}.core-plan-label{font-size:22px;font-weight:650;letter-spacing:-.04em;color:var(--ink);line-height:1.25}.core-price-card h3{font-weight:400;font-size:15px;letter-spacing:-.01em;color:var(--muted);margin-top:9px;line-height:1.4}.core-billing-toggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8dce3;border-radius:8px;margin:24px 0 26px;overflow:hidden;background:white}.core-billing-toggle button{border:0;padding:12px 8px;font-weight:500;background:none;font-size:14px}.core-billing-toggle .is-active{background:var(--brand);color:white}.core-price{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.core-price strong{font-size:45px;line-height:1.1;font-weight:650;letter-spacing:-.05em;order:0}.core-price del{color:var(--muted);font-size:19px;order:1}.core-price>span{width:100%;font-size:13px;color:var(--muted);order:2;margin-top:9px}.core-price-card--perpetual .core-price{margin-top:94px}.core-plan-saving{color:var(--action);font-style:normal;font-size:12px;margin-top:14px;display:block}.core-price-card>p:not(.core-plan-label){font-size:14px;margin-top:20px;line-height:1.7}.core-check-list{list-style:none;padding:22px 0 0;margin:24px 0 30px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.core-check-list li{padding-left:21px;position:relative;margin-bottom:11px;line-height:1.5}.core-check-list li:before{content:'✓';position:absolute;left:0;color:var(--action);font-size:13px}.core-check-list a{color:var(--action);text-decoration:underline;text-underline-offset:3px}.core-price-actions,.core-price-card>.core-button{margin-top:auto}.core-price-actions .core-button,.core-price-card>.core-button{width:100%;font-size:14px}.core-setup-panel{margin-top:44px;border-block:1px solid var(--line);padding:38px 0}.core-setup-panel__head{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.core-setup-panel__head .core-plan-label{font-size:13px;color:var(--action);letter-spacing:0;margin-bottom:12px}.core-setup-panel__head h3{font-size:28px;line-height:1.2}.core-setup-panel__head>p{font-size:15px}.core-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.core-setup-option{background:var(--soft);padding:28px;border-radius:14px}.core-setup-option strong{font-size:18px;letter-spacing:-.025em}.core-setup-option p{font-size:14px;margin:10px 0 20px}.core-setup-option .core-button{font-size:13px}.core-license-note{font-size:13px;line-height:1.8;margin-top:28px;color:var(--muted)}.core-license-note a{color:var(--action);text-decoration:underline}.core-section--navy{background:var(--soft)}.core-guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.core-guide-layout .core-check-list{border:0;padding:0;font-size:15px}.core-guide-stack{display:grid;gap:20px}.core-guide-card{border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column;background:white;position:relative}.core-guide-card__icon{display:none}.core-guide-card__type{font-size:12px;color:var(--action)}.core-guide-card h3{font-size:25px;margin-top:12px}.core-guide-card p{font-size:15px;margin-top:12px}.core-guide-card__meta{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-top:18px;flex-wrap:wrap}.core-guide-card__actions{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}.core-guide-card__actions .core-button{font-size:13px;min-height:41px;padding:10px 19px}.core-guide-card svg{width:20px}.core-faq,.core-faq-list{margin-top:42px}.core-section:has(#faq-title) .core-shell{max-width:1050px}.core-section details{border-bottom:1px solid var(--line);padding-block:22px}.core-section summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;line-height:1.45;font-size:19px;font-weight:550;letter-spacing:-.015em}.core-section summary:after{content:'+';font-size:25px;font-weight:300}.core-section details[open] summary:after{content:'−'}.core-section summary::-webkit-details-marker{display:none}.core-section details p{font-size:16px;margin-top:17px;max-width:900px}.core-section details>div{margin-top:15px}.core-section details svg{display:none}
.editorial-hero{padding-block:100px;display:grid;grid-template-columns:1.8fr 1fr;gap:75px;align-items:end}.editorial-hero h1{font-size:clamp(50px,5.9vw,90px)}.hero-side{padding-bottom:9px}.hero-side p{font-size:21px}.hero-side .text-link{margin-top:24px}.solution-product,.about-product{padding-block:90px}.solution-product .split,.about-product .split{align-items:center;gap:80px}.solution-product h2,.about-product h2{font-size:clamp(34px,3.3vw,49px)}.solution-product p:not(.section-label),.about-product p{margin-top:24px;font-size:18px}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps>li{display:flex;gap:24px;border-left:1px solid var(--line);padding-left:28px}.steps>li:first-child{border-left:0;padding-left:0}.steps>li>span{font-size:39px;line-height:1.1;color:var(--blue);letter-spacing:-.06em;font-weight:350}.steps h3{font-size:23px;line-height:1.2}.steps p{font-size:16px;margin-top:14px;line-height:1.7}.mechanical-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:center;padding-block:65px 55px}.mechanical-hero h1{font-size:clamp(45px,4.6vw,71px);position:relative;z-index:1}.mechanical-hero .hero-lead{font-size:20px;margin-top:28px;max-width:560px}.mechanical-hero figure{margin-right:-38px}.mechanical-hero figcaption{text-align:center;font-size:11px}.mechanical-hero .actions{gap:23px}.mechanical-hero .text-link{font-size:15px}.mechanical-hero+.section{border-top:1px solid var(--line);padding-top:65px}.software-hero{padding-block:85px 45px}.software-hero h1{font-size:clamp(50px,6vw,90px)}.hero-bottom{display:flex;gap:60px;justify-content:space-between;align-items:center;margin-top:35px}.hero-bottom .hero-lead{max-width:690px;font-size:20px}.hero-bottom .actions{margin:0;gap:18px;align-items:flex-start;flex-direction:column;flex-shrink:0}.workflow-strip{margin-top:60px;display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;gap:30px;padding:40px 46px;background:var(--soft);border-radius:20px}.workflow-strip>div{padding:17px 0}.workflow-strip span:not(.flow-arrow){font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--muted);display:block;margin-bottom:18px}.workflow-strip strong{font-size:30px;line-height:1.17;letter-spacing:-.04em;font-weight:600}.workflow-strip p{font-size:14px;margin-top:20px}.workflow-strip .workflow-focus{background:var(--ink);color:white;border-radius:16px;padding:32px}.workflow-focus p,.workflow-strip .workflow-focus span{color:#c6ccd7}.flow-arrow{color:var(--blue);display:grid;place-items:center}.process-hero{padding-top:75px;text-align:center}.process-hero>.hero-lead{margin:26px auto 0;max-width:620px}.process-transition{display:grid;grid-template-columns:1fr 1fr;margin-top:62px;text-align:left;border-top:1px solid var(--line);padding-block:45px 60px}.process-transition>div{padding:20px 50px}.before-process{border-right:1px solid var(--line)}.process-transition p{font-size:13px;margin-bottom:27px}.before-process span{display:block;font-size:23px;margin-top:13px;letter-spacing:-.025em;color:#777e88}.after-process strong{font-size:34px;font-weight:550;line-height:1.3;letter-spacing:-.04em}.after-process p{color:var(--action)}.industry-band{background:var(--ink);color:white;padding:38px 0}.industry-band>.shell{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:22px;letter-spacing:-.03em}.industry-band svg{color:#8aaef7}.about-hero{padding-block:85px 95px;display:grid;grid-template-columns:1.6fr 1fr;gap:90px;align-items:end}.about-hero h1{font-size:clamp(50px,5.8vw,88px)}.about-intro{padding-bottom:8px}.about-intro p{font-size:23px;color:var(--ink);letter-spacing:-.025em;line-height:1.6}.about-intro>span{font-size:13px;color:var(--muted);display:block;margin-top:30px}.core-mark{width:65px;height:65px;margin-bottom:24px}.about-product{background:#eef3fb}.prose p{font-size:20px;line-height:1.8}.utility-page{text-align:center;padding-block:130px}.utility-page .hero-lead{margin:30px auto}.utility-page .actions{justify-content:center}
.contact-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-block:65px}.contact-intro{padding-top:44px}.contact-intro h1{font-size:clamp(50px,5.8vw,88px)}.contact-intro .hero-lead{margin-top:35px;font-size:21px;line-height:1.7}.contact-email{display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:-.025em;margin:42px 0 26px}.contact-note{margin-top:35px;max-width:350px;border-top:1px solid var(--line);padding-top:24px;font-size:14px}.contact-note strong{font-weight:600}.contact-note p{font-size:14px;margin-top:7px}.contact-form-surface{background:var(--soft);border-radius:22px;padding:35px}.jsbs-contact-tabs{display:flex;border:1px solid #d5dae2;border-radius:10px;overflow:hidden;margin-bottom:30px}.jsbs-contact-tab{border:0;background:transparent;flex:1;font-size:15px;padding:15px 12px;font-weight:500;line-height:1.3;min-height:48px}.jsbs-contact-tab[aria-selected=true]{background:var(--ink);color:#fff}.jsbs-form__intro{margin-bottom:25px}.jsbs-form__intro h2{font-size:28px;letter-spacing:-.035em}.jsbs-form__intro p{font-size:14px;margin-top:12px}.jsbs-form__intro-icon{display:none}.jsbs-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.jsbs-field{min-width:0}.jsbs-field--full{grid-column:1/-1}.jsbs-field>label{display:block;font-weight:500;font-size:13px;margin-bottom:7px}.jsbs-field input:not([type=checkbox]),.jsbs-field textarea,.jsbs-field select{width:100%;border:1px solid #cdd3de;border-radius:8px;background:white;color:var(--ink);padding:11px 13px;line-height:1.5;min-height:46px}.jsbs-field textarea{resize:vertical;min-height:110px;font-size:15px}.jsbs-field textarea::placeholder{color:#7a818d;font-size:14px}.jsbs-field small{display:block;font-size:12px;line-height:1.6;margin-top:8px;color:var(--muted)}.jsbs-field input[type=file]{font-size:13px;padding:9px;white-space:normal}.jsbs-field input[type=file]::file-selector-button{background:var(--soft);border:0;padding:9px 12px;border-radius:5px;font:inherit;margin-right:10px;cursor:pointer}.jsbs-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.jsbs-consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.65;color:var(--muted)}input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--action);margin:2px 0 0}.jsbs-consent a{color:var(--action);text-decoration:underline}.jsbs-form__note{font-size:11px;line-height:1.7;margin-top:22px}.jsbs-turnstile:has(.cf-turnstile:empty){display:none}.jsbs-service-options{padding:0;border:0;margin:4px 0}.jsbs-service-options legend{font-size:14px;font-weight:600;padding:0}.jsbs-service-options__help{font-size:12px;margin:3px 0 12px}.jsbs-checkbox-grid{display:grid;gap:9px}.jsbs-checkbox-option{display:flex;gap:10px;font-size:13px;align-items:flex-start;cursor:pointer}.jsbs-checkbox-error{display:none;color:#a12a2a;font-size:13px;margin-top:12px}.jsbs-checkbox-error.is-visible{display:block}.jsbs-file-summary{font-size:12px;margin-top:10px}.is-error,.jsbs-form__submit-error{color:#a12a2a}.jsbs-form__submit-error{font-size:14px;margin-top:20px;border:1px solid #e3b7b7;padding:17px;border-radius:8px;background:#fff}.jsbs-form__result{padding:25px 0}.jsbs-form__result-icon{display:grid;place-items:center;width:48px;height:48px;background:#e1edff;color:var(--action);border-radius:50%;margin-bottom:22px}.jsbs-form__result h2{font-size:29px}.jsbs-form__result p{margin-top:15px;font-size:15px}.jsbs-form__result button{margin-top:22px}.jsbs-form.is-submitted>.jsbs-form__grid,.jsbs-form.is-submitted>.jsbs-form__intro,.jsbs-form.is-submitted>.jsbs-form__note{display:none}.contact-next{border-top:1px solid var(--line);padding-top:55px;padding-bottom:80px}
.legal-page{font-size:16px}.legal-page>.hero{padding:75px max(28px,calc((100% - 1080px)/2));background:var(--soft)}.legal-page h1{font-size:clamp(40px,4.6vw,64px);max-width:1000px}.legal-page .intro{font-size:20px;max-width:920px;margin-top:24px}.legal-page .hero p+p,.legal-page .effective{display:block;margin-top:20px;font-size:14px}.legal-page .content{width:min(1080px,calc(100% - 56px));margin:60px auto 90px}.legal-page .wrap,.legal-page .container{width:100%}.legal-page section{margin-top:42px}.legal-page h2{font-size:28px;margin-bottom:20px}.legal-page h3{font-size:20px;margin:22px 0 14px}.legal-page p{line-height:1.85}.legal-page a{color:var(--action);text-decoration:underline;text-underline-offset:3px}.legal-page li{margin-bottom:7px;color:var(--muted)}.legal-page .notice,.legal-page .callout{border-left:3px solid var(--blue);padding:18px 23px;background:#edf3ff;font-size:14px;margin-block:28px}.legal-page table{width:100%;border-collapse:collapse}.legal-page th,.legal-page td{padding:14px;text-align:left;border:1px solid var(--line);font-size:14px;vertical-align:top}.legal-page th{background:var(--soft)}.legal-page .toc{line-height:1.9}.legal-page .table-wrap{overflow:auto}
.site-footer{background:var(--soft);padding:62px 0 24px}.footer-main{display:grid;grid-template-columns:1.35fr .7fr 1.15fr 1fr;gap:45px;padding-bottom:45px}.footer-brand img{width:106px;height:51px;object-fit:contain}.footer-brand p{font-size:19px;color:var(--ink);letter-spacing:-.035em;margin:18px 0 12px}.footer-brand>span{font-size:13px;color:var(--muted);line-height:1.7}.footer-main h2{font-size:13px;font-weight:600;letter-spacing:0;line-height:1.4;margin:12px 0 23px}.footer-main>div:not(.footer-brand)>a{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:12px}.footer-main>div>a:hover{color:var(--action)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;font-size:11px;color:var(--muted)}.footer-bottom>div{display:flex;gap:22px}.footer-bottom>p{width:100%;font-size:10px}.image-dialog{border:0;border-radius:12px;padding:55px 18px 14px;width:calc(100vw - 48px);max-width:1530px;max-height:calc(100dvh - 40px);background:#f5f6f8;overflow:auto;box-shadow:0 20px 90px #0005}.image-dialog::backdrop{background:#10151bcc;backdrop-filter:blur(8px)}.image-dialog img{width:100%;height:auto}.image-scroll{overflow:auto;max-height:calc(100dvh - 145px);border-radius:5px}.dialog-close{position:absolute;top:10px;right:14px;display:grid;place-items:center;border:0;background:#e5e7eb;border-radius:50%;width:34px;height:34px}.dialog-close svg{transform:rotate(180deg);width:18px}.dialog-caption{font-size:12px;text-align:center;padding-top:10px}html.image-open{overflow:hidden}.jsbs-mobile-drawer{position:fixed;inset:0;z-index:1000;isolation:isolate}.jsbs-mobile-drawer__backdrop{position:absolute;inset:0;border:0;background:#15203560;width:100%;height:100%;opacity:0;transition:opacity .2s}.jsbs-mobile-drawer__panel{position:absolute;inset:0 0 0 auto;width:min(430px,100%);background:white;padding:25px max(28px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) 28px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .2s}.jsbs-mobile-drawer[aria-hidden=false] .jsbs-mobile-drawer__panel{transform:none}.jsbs-mobile-drawer[aria-hidden=false] .jsbs-mobile-drawer__backdrop{opacity:1}.jsbs-mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.jsbs-mobile-drawer__header>span{font-size:14px;color:var(--muted)}.jsbs-mobile-drawer__close{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--soft)}.jsbs-mobile-nav{display:flex;flex-direction:column;gap:4px}.jsbs-mobile-nav>a,.jsbs-mobile-nav__overview{display:block;padding:9px 0;font-size:24px;font-weight:550;letter-spacing:-.03em;line-height:1.35}.jsbs-mobile-nav__subnav{display:grid;gap:12px;margin:7px 0 17px;border-left:1px solid var(--line);padding-left:18px}.jsbs-mobile-nav__subnav a{font-size:14px;color:var(--muted);line-height:1.45}.jsbs-mobile-nav .jsbs-mobile-nav__cta{background:var(--action);color:white;padding:15px 22px;font-size:17px;text-align:center;border-radius:30px;margin-top:18px}html.jsbs-mobile-menu-open{overflow:hidden}.home-hero h1,.core-hero h1{animation:arrive .55s both}@keyframes arrive{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.shell,.core-shell{width:calc(100% - 72px)}.header-inner{padding-inline:30px;gap:22px}.header-nav{gap:24px}.section-head{gap:50px}.split,.ownership-grid{gap:55px}.service-row{gap:24px;grid-template-columns:45px 1.1fr 1fr 46px}.service-row h3{font-size:28px}.service-row p{font-size:16px}.core-pricing{gap:16px}.core-price-card{padding:26px 20px}.core-price strong{font-size:36px}.contact-layout{gap:45px;grid-template-columns:1fr 1.3fr}.contact-form-surface{padding:28px}.footer-main{gap:30px}.mechanical-hero h1{font-size:49px}.mechanical-hero .actions{gap:18px}.mechanical-hero .hero-lead{font-size:18px}.mechanical-hero figure{margin-right:-20px}.workflow-strip{padding:25px;gap:15px}.workflow-strip strong{font-size:26px}.workflow-strip .workflow-focus{padding:25px}.about-hero{gap:55px}.about-intro p{font-size:20px}.cta-band>.shell{gap:35px}}
@media(max-width:900px){.header-nav{gap:18px;font-size:13px}.header-cta{padding-inline:16px;font-size:12px}.header-inner{gap:17px}.brand img{width:88px}.section-head{gap:40px}.section-head>p{font-size:17px}.workspace-groups{grid-template-columns:repeat(2,1fr)}.core-pricing{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.core-price-card{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.core-price-card>.core-plan-label,.core-price-card>h3,.core-price-card>.core-price,.core-price-card>.core-billing-toggle,.core-price-card>.core-plan-saving,.core-price-card>p{grid-column:1}.core-price-card>.core-check-list{grid-column:2;grid-row:1/8;margin-top:0;border:0;padding-top:0}.core-price-actions,.core-price-card>.core-button{grid-column:1/-1;margin-top:20px}.core-price-card--perpetual .core-price{margin-top:28px}.core-guide-layout{gap:40px}.steps{gap:24px}.steps>li{gap:16px;padding-left:18px}.steps h3{font-size:20px}.steps p{font-size:14px}.steps>li>span{font-size:31px}.contact-layout{gap:28px}.contact-form-surface{padding:25px}.contact-intro h1{font-size:55px}.contact-intro .hero-lead{font-size:18px}.contact-email{font-size:17px}.contact-layout .hero-lead br{display:none}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-main>div:last-child{grid-column:2/4}.cta-band h2{font-size:37px}.cta-band .button{font-size:14px;padding-inline:23px}.editorial-hero{gap:40px}.editorial-hero h1{font-size:58px}.hero-side p{font-size:18px}.mechanical-hero h1{font-size:43px}.mechanical-hero .text-link,.mechanical-hero .button{font-size:14px}.workflow-strip p{font-size:12px}.workflow-strip strong{font-size:24px}.process-transition>div{padding-inline:30px}.after-process strong{font-size:29px}.before-process span{font-size:20px}.industry-band>.shell{font-size:18px}}
@media(max-width:799px){.header-nav,.header-cta{display:none}.header-inner{min-height:68px;padding-inline:24px;justify-content:space-between}.brand img{width:91px;height:44px}.menu-toggle{display:grid}.shell,.core-shell{width:calc(100% - 48px)}.section,.core-section{padding-block:72px}h1{font-size:clamp(43px,7.5vw,70px)}h2{font-size:clamp(34px,5.5vw,45px)}.section-head{grid-template-columns:1fr;gap:23px;margin-bottom:35px}.section-head>p{max-width:600px;font-size:18px}.split,.ownership-grid{grid-template-columns:1fr;gap:35px}.split p{font-size:18px}.home-hero{padding-top:55px;padding-bottom:45px}.home-hero h1{font-size:clamp(43px,7.8vw,63px)}.hero-lead{font-size:18px}.home-hero .hero-lead{max-width:580px}.hero-product{margin-top:36px}.home-core-bottom{align-items:flex-start;flex-direction:column;gap:22px}.home-core-bottom p{font-size:18px}.service-row{grid-template-columns:32px 1fr 44px;gap:20px;row-gap:9px;padding-block:30px}.service-row h3{font-size:27px}.service-row p{grid-column:2;grid-row:2;font-size:15px}.service-row .round-arrow{grid-column:3;grid-row:1/3;width:42px;height:42px}.service-row .row-number{grid-row:1/3;font-size:22px}.fact-rail{gap:20px}.fact-rail>div{padding-left:20px}.fact-rail strong{font-size:17px;line-height:1.25}.fact-rail span{font-size:13px}.cta-band{padding-block:60px}.cta-band>.shell{align-items:flex-start;flex-direction:column;gap:32px}.cta-band h2{font-size:40px}.product-nav{top:69px}.product-nav .shell>div>a:not(.button){display:none}.product-nav>.shell{min-height:57px}.core-hero{padding:54px 0 65px}.core-hero h1{font-size:clamp(47px,8vw,65px)}.core-hero .hero-lead{font-size:18px}.jsbs-core-embed section[id]{scroll-margin-top:54px}.product-tabs{gap:16px}.product-tabs button{font-size:16px;padding-inline:8px}.tour-caption{flex-direction:column;align-items:flex-start;gap:10px}.tour-caption p{font-size:14px}.tour-caption h3{font-size:21px}.ownership-band{padding-block:70px}.ownership-grid h2{font-size:59px}.ownership-grid p{font-size:18px}.core-guide-layout,.core-setup-panel__head{grid-template-columns:1fr;gap:30px}.core-setup-grid{gap:20px}.core-setup-option{padding:22px}.core-setup-option .core-button{width:100%}.editorial-hero{padding-block:65px;grid-template-columns:1fr;gap:30px}.editorial-hero h1{font-size:clamp(46px,7.6vw,68px)}.hero-side{max-width:540px}.solution-product,.about-product{padding-block:65px}.solution-product .split,.about-product .split{gap:35px}.steps{grid-template-columns:1fr;gap:30px}.steps>li,.steps>li:first-child{padding:0 0 26px;border-left:0;border-bottom:1px solid var(--line);gap:24px}.steps>li:last-child{border:0;padding-bottom:0}.steps>li>span{font-size:39px;min-width:45px}.steps h3{font-size:24px}.steps p{font-size:16px;margin-top:8px}.mechanical-hero{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:42px}.mechanical-hero h1{font-size:clamp(44px,7.3vw,67px)}.mechanical-hero .hero-lead{font-size:19px;max-width:590px}.mechanical-hero figure{margin:0 auto;max-width:580px}.mechanical-hero figure img{max-height:420px;object-fit:contain}.mechanical-hero .actions .button,.mechanical-hero .actions .text-link{font-size:16px}.mechanical-hero figcaption{margin-top:4px}.software-hero{padding-top:60px}.software-hero h1{font-size:clamp(46px,7.7vw,68px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}.hero-bottom .actions{flex-direction:row;align-items:center;gap:24px}.hero-bottom .hero-lead{font-size:18px}.workflow-strip{padding:25px;grid-template-columns:1fr;gap:12px}.workflow-strip>div{padding:16px 20px}.workflow-strip .flow-arrow{transform:rotate(90deg)}.workflow-strip strong br,.workflow-strip p br{display:none}.workflow-strip strong{font-size:29px}.workflow-strip p{font-size:15px;margin-top:12px}.workflow-strip span:not(.flow-arrow){margin-bottom:10px}.workflow-strip .workflow-focus{padding:30px 24px}.process-hero{padding-top:55px}.process-transition{padding-block:20px 50px;margin-top:45px}.process-transition>div{padding-inline:20px}.after-process strong{font-size:25px}.before-process span{font-size:19px}.industry-band>.shell{flex-direction:column;gap:20px;font-size:23px}.industry-band svg{transform:rotate(90deg)}.about-hero{grid-template-columns:1fr;gap:36px;padding-block:60px}.about-hero h1{font-size:clamp(47px,8vw,70px)}.about-intro p{max-width:600px}.about-intro>span{margin-top:20px}.contact-layout{grid-template-columns:1fr;gap:38px;padding-block:50px}.contact-intro{padding-top:0}.contact-intro h1{font-size:clamp(51px,8vw,68px)}.contact-intro .hero-lead{font-size:20px;margin-top:25px}.contact-email{margin:25px 0 18px;font-size:20px}.contact-note{max-width:560px;margin-top:25px;padding-top:18px}.contact-form-surface{padding:30px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-main>div:last-child{grid-column:auto}.footer-brand{grid-column:1/-1}.site-footer{padding-top:45px}.footer-main{padding-bottom:26px}.footer-main h2{margin-top:0}.utility-page{padding-block:95px}.image-dialog{width:calc(100vw - 20px);padding:51px 10px 12px}.image-scroll img{min-width:900px;max-width:none;width:100%}.image-scroll{max-height:calc(100dvh - 155px)}.dialog-caption{font-size:11px}.core-section details summary{font-size:18px}.legal-page .content{margin-top:40px}.legal-page>.hero{padding-block:50px}.legal-page .intro{font-size:18px}}
@media(max-width:480px){.home-hero h1{font-size:44px;letter-spacing:-.055em}.home-hero h1 br{display:none}.home-hero h1 em{display:block}.home-hero .hero-lead{font-size:17px}.home-hero .mobile-break{display:block}.actions{gap:22px;margin-top:25px}.home-hero .actions{gap:22px}.button{font-size:15px;padding-inline:24px}.text-link{font-size:15px}.hero-product{margin-top:32px}figcaption{font-size:11px}.product-shot{border-radius:6px}.fact-rail{grid-template-columns:1fr;gap:0;margin-top:20px}.fact-rail>div,.fact-rail>div:first-child{border:0;border-bottom:1px solid var(--line);padding:20px 0}.fact-rail>div:last-child{border:0}.fact-rail strong{font-size:20px}.fact-rail span{font-size:14px}.home-core-bottom{margin-top:20px}.section-label{margin-bottom:15px}.service-row{grid-template-columns:25px 1fr 36px;gap:12px;row-gap:8px}.service-row h3{font-size:23px}.service-row p{font-size:14px}.service-row .round-arrow{width:36px;height:36px}.round-arrow svg{width:20px}.cta-band h2{font-size:35px}.cta-band .button{font-size:14px;padding:14px 20px}.core-hero h1{font-size:48px}.core-hero .hero-lead{font-size:17px}.core-hero .hero-lead br{display:none}.core-hero .actions{gap:20px}.product-name{font-size:16px;gap:8px}.product-nav .button{font-size:12px;padding-inline:13px}.product-nav .shell{gap:12px}.product-tabs{gap:5px}.product-tabs button{font-size:14px;padding:13px 9px}.workspace-groups{grid-template-columns:1fr;gap:35px}.workspace-groups summary{font-size:19px}.core-price-card{display:flex;padding:28px}.core-price-card>.core-check-list{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.core-price-card--perpetual .core-price{margin-top:25px}.core-price-card>.core-button,.core-price-actions{margin-top:auto}.core-price strong{font-size:46px}.core-setup-grid{grid-template-columns:1fr}.core-guide-card{padding:24px}.core-guide-card h3{font-size:24px}.core-guide-card__actions .core-button{font-size:12px}.core-h2{font-size:36px}.core-lead{font-size:17px}.core-promo-banner{padding:20px;font-size:13px}.core-promo-banner strong{font-size:16px}.ownership-grid h2{font-size:59px}.editorial-hero h1{font-size:46px}.hero-side p{font-size:18px}.mechanical-hero h1{font-size:44px}.mechanical-hero .hero-lead{font-size:18px}.mechanical-hero .actions{gap:20px}.mechanical-hero .actions .text-link{font-size:15px}.detail-rows summary{font-size:22px;padding-block:22px}.workspace-groups .detail-rows summary{font-size:19px;padding-block:16px}.software-hero h1{font-size:44px}.workflow-strip{padding:20px}.workflow-strip strong{font-size:26px}.workflow-strip .workflow-focus{padding:26px 20px}.process-hero h1{font-size:55px}.process-hero .hero-lead{font-size:18px}.process-transition{grid-template-columns:1fr;padding-bottom:36px}.process-transition>div{padding:25px 10px}.before-process{border-right:0;border-bottom:1px solid var(--line)}.process-transition p{margin-bottom:17px}.after-process strong{font-size:29px}.about-hero h1{font-size:46px}.about-intro p{font-size:19px}.contact-intro h1{font-size:56px}.contact-form-surface{padding:24px 20px}.jsbs-contact-tabs{margin-bottom:25px}.jsbs-contact-tab{font-size:13px;padding-inline:8px}.jsbs-form__grid{grid-template-columns:1fr;gap:17px}.jsbs-form__intro h2{font-size:26px}.jsbs-form .jsbs-button{width:100%}.contact-intro .hero-lead{font-size:19px}.contact-email{font-size:19px}.footer-main{column-gap:26px}.footer-main>div:last-child{grid-column:1/-1}.footer-main>div:last-child>a{display:inline-block;margin-right:20px}.footer-bottom{font-size:10px}.legal-page h1{font-size:38px}.legal-page h2{font-size:25px}.legal-page table{display:block;overflow-x:auto}.legal-page .hero .notice{font-size:13px}.legal-page .content{width:calc(100% - 48px)}.utility-page h1{font-size:43px}}
.home-hero .hero-lead{max-width:1100px}.core-guide-cards{display:grid;gap:22px}.core-guide-card__label{font-size:13px;color:var(--action);font-weight:550}.legal-page>.layout{display:grid;grid-template-columns:235px minmax(0,850px);gap:55px;width:min(1180px,calc(100% - 72px));margin:60px auto 90px}.legal-page .toc{position:sticky;top:105px;align-self:start;max-height:calc(100dvh - 130px);overflow:auto;font-size:12px;padding-right:20px;line-height:1.45}.legal-page .toc a{display:block;color:var(--muted);text-decoration:none;padding:7px 0}.legal-page .toc a:hover{color:var(--action)}.legal-page .toc strong{display:block;font-size:15px;margin-bottom:15px}.legal-page .layout article>section:first-child{margin-top:0}.legal-page .layout article{min-width:0}.legal-page .layout article p{font-size:16px}.dialog-close svg{transform:none}.home-hero{padding-top:42px}.hero-product{margin-top:34px}.home-hero .product-shot{max-height:570px}.home-hero .product-shot img{object-fit:cover;object-position:top}.service-row h3{font-weight:550}
@media(max-width:799px){.legal-page>.layout{display:block;width:calc(100% - 48px);margin-top:38px}.legal-page .toc{position:static;max-height:none;background:var(--soft);border-radius:12px;padding:20px;margin-bottom:35px;columns:2;column-gap:25px}.legal-page .toc a{break-inside:avoid}.home-hero{padding-top:50px}.home-hero .product-shot{max-height:none}}
@media(max-width:480px){.legal-page .toc{columns:1}.home-hero{padding-top:43px}}
.jsbs-mobile-drawer[aria-hidden=true]{pointer-events:none}
@media(max-width:360px){.about-hero h1{font-size:40px}}
@media(max-width:799px){.about-hero h1 br{display:none}.about-hero h1{max-width:650px}.contact-intro .hero-lead br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Brand refinement: original logo blue, purposeful icons, and framed surfaces. */
:root {
  --brand: #4484f4;
  --blue-fill: #2e6ed5;
  --blue: var(--brand);
  --action: #2865c4;
  --navy: #0c1424;
  --blue-surface: #eef5ff;
  --line-blue: #cadcf8;
}
.brand-icon {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--brand);
  flex-shrink: 0;
}
.button, .jsbs-button, .core-button, .button-dark {
  background: var(--blue-fill);
  color: #fff;
  font-weight: 650;
  box-shadow: 0 5px 16px #4484f414;
}
.button:hover, .jsbs-button:hover, .core-button:hover, .button-dark:hover {
  background: #2865c4;
  color: #fff;
  box-shadow: 0 7px 22px #4484f428;
}
.button svg, .jsbs-button svg, .core-button svg { color: inherit; }
.core-button--secondary, .jsbs-button--secondary {
  background: white;
  color: var(--action);
  border-color: var(--line-blue);
  box-shadow: none;
}
.core-button--secondary:hover, .jsbs-button--secondary:hover { background: #e6f0ff; color: var(--navy); }
.header-cta { box-shadow: none; }
.header-nav-folder-content { width: 370px; border-color: #dae5f7; box-shadow: 0 20px 60px #294c7c20; }
.header-nav-folder-content > a { display: grid; grid-template-columns: 28px 1fr; column-gap: 14px; }
.header-nav-folder-content > a > .brand-icon { grid-row: 1 / 3; margin-top: 4px; }
.header-nav-folder-content > a > strong, .header-nav-folder-content > a > span { grid-column: 2; }
.header-nav-folder-content > a:hover { background: var(--blue-surface); }
.jsbs-header-solutions-toggle svg { transition: transform .18s ease; }
.jsbs-header-solutions-toggle[aria-expanded=true] svg { transform: rotate(180deg); color: var(--brand); }

/* Rounded outlines repeat the frame in the JSBS mark. */
.hero-scene, .editorial-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 35%, #f5f9ff 78%, #eef5ff 100%);
}
.hero-scene::before, .hero-scene::after, .editorial-scene::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 490px;
  height: 820px;
  border: 1px solid #4484f45c;
  outline: 1px solid #4484f42d;
  outline-offset: -70px;
  border-radius: 80px;
  pointer-events: none;
}
.hero-scene::before { top: 116px; left: -310px; }
.hero-scene::after { top: 95px; right: -315px; }
.hero-scene .home-hero { padding-bottom: 70px; }
.hero-scene .hero-product { width: min(1120px, 100%); }
.hero-scene .product-shot { box-shadow: 0 20px 55px #1b52912b, 0 2px 6px #162c481c; }
.editorial-scene { background: linear-gradient(120deg, #fff 45%, #f0f6ff); }
.editorial-scene::after { top: 70px; right: -280px; height: 550px; opacity: .42; }
.soft, .core-section--soft { background: var(--blue-surface); }
.home-core-section { position: relative; overflow: hidden; isolation: isolate; }
.home-core-section::after {
  content: "";
  position: absolute;
  right: -250px;
  top: 45px;
  width: 420px;
  height: 410px;
  border: 1px solid #4484f426;
  border-radius: 70px;
  z-index: -1;
}
.fact-rail { gap: 30px; margin-top: 54px; }
.fact-rail > div, .fact-rail > div:first-child {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  column-gap: 22px;
  padding: 0 20px;
  border: 0;
}
.fact-rail > div:first-child { padding-left: 0; }
.fact-rail > div > .brand-icon { width: 42px; height: 42px; grid-row: 1 / 3; margin-top: 3px; }
.fact-rail strong, .fact-rail span { grid-column: 2; }
.fact-rail span { margin-top: 7px; }
.home-core-bottom { border-color: var(--line-blue); }
.service-row { grid-template-columns: 60px 1.1fr 1.1fr 58px; border-color: #dce6f5; }
.service-icon { width: 43px; height: 43px; transition: transform .2s ease; }
.service-row:hover .service-icon { transform: translateY(-3px); }
.service-row .round-arrow { background: #e9f1ff; color: var(--action); }
.service-row:hover .round-arrow { background: var(--blue-fill); color: #fff; }
.detail-rows summary .disclosure-icon { color: var(--brand); }
.detail-rows summary .disclosure-icon .brand-icon { width: 22px; height: 22px; }
.detail-rows details[open] { border-bottom-color: #9dbff7; }

/* A vivid transition into the dark, technically inspired footer. */
.cta-band {
  background: var(--brand);
  color: #fff;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 86px;
}
.cta-band::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 330px;
  height: 260px;
  border: 17px solid #ffffff29;
  border-radius: 66px;
  right: -100px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.cta-band h2 { color: #fff; }
.cta-band .button { background: white; color: var(--navy); box-shadow: 0 7px 25px #1f4a9b18; }
.cta-band .button:hover { background: #eef5ff; }
.site-footer {
  background-color: var(--navy);
  background-image: radial-gradient(ellipse at 95% 15%, #18335990, transparent 54%), linear-gradient(#92b7ff07 1px, transparent 1px), linear-gradient(90deg, #92b7ff07 1px, transparent 1px);
  background-size: auto, 56px 56px, 56px 56px;
  color: #f5f8ff;
  border-top: 3px solid var(--brand);
  padding: 72px 0 27px;
}
.footer-grid { display: grid; grid-template-columns: 1.1fr .6fr 1fr 1.25fr; gap: 44px; padding-bottom: 54px; }
.footer-grid > * { min-width: 0; }
.footer-identity img { width: 140px; height: auto; }
.footer-identity .footer-statement { font-size: 37px; line-height: 1.08; font-weight: 600; letter-spacing: -.045em; color: white; margin: 25px 0 16px; }
.footer-identity > p:not(.footer-statement) { color: #b7c5d9; font-size: 15px; line-height: 1.7; }
.footer-product-link { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: #82aeff; margin-top: 26px; }
.footer-product-link svg { width: 20px; }
.footer-grid h2 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; font-weight: 650; color: #87b2ff; margin: 5px 0 27px; }
.footer-explore > a { display: block; font-size: 15px; margin-bottom: 14px; color: #e1e8f3; }
.footer-contact-link { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #e1e8f3; margin-bottom: 19px; }
.footer-contact-link svg { width: 21px; height: 21px; }
.footer-services { border-top: 1px solid #bed0eb28; padding-top: 21px; margin-top: 28px; }
.footer-services a { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: #c6d3e5; margin-bottom: 14px; }
.footer-services svg { width: 17px; height: 17px; }
.footer-location {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: start;
  min-height: 278px;
  margin-top: 3px;
  padding: 28px;
  border: 1px solid #b6d2fa29;
  border-radius: 24px;
  background: linear-gradient(135deg, #1a304b7a, #101e3380);
  transition: border-color .2s, background-color .2s;
}
.footer-location:hover { background-color: #19345170; border-color: #79a6f885; }
.location-art { position: relative; isolation: isolate; display: block; flex: 0 0 85px; }
.location-art > svg { width: 85px; height: 112px; display: block; filter: drop-shadow(0 8px 22px #4484f421); }
.location-art::before, .location-art::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid #b0cfff35;
  border-radius: 24px;
  width: 80px;
  height: 80px;
  bottom: 0;
  left: -8px;
}
.location-art::after { bottom: -13px; left: 8px; }
.location-copy { display: block; min-width: 0; }
.location-copy > strong { display: block; font-size: 25px; letter-spacing: -.04em; font-weight: 600; color: #f7f9ff; }
.location-copy > span { display: block; color: #b7c5d9; font-size: 14px; margin-top: 5px; }
.location-copy > .location-link { display: flex; align-items: center; gap: 12px; color: #87b2ff; font-weight: 550; margin-top: 25px; }
.location-link svg { width: 19px; height: 19px; }
.site-footer a:hover { color: #a9caff; }
.site-footer :focus-visible { outline-color: #a9caff; }
.footer-base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; border-top: 1px solid #bed0eb28; padding-top: 25px; font-size: 12px; color: #aebdd2; }
.footer-base nav { display: flex; gap: 26px; }
.footer-base > p { width: 100%; font-size: 11px; color: #96a8bf; line-height: 1.65; }
.site-footer :is(h2, p, a, span, strong), .site-footer a:hover { color: #fff; }
.footer-identity > p:not(.footer-statement), .location-copy > .location-link { color: #fff; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Page-specific moments keep the shared design from feeling repeated. */
.company-approach .split { align-items: center; gap: 95px; }
.company-approach h2 { margin-bottom: 28px; }
.company-approach .split h2 em { color: var(--brand); }
.company-approach p:not(.section-label) { font-size: 19px; line-height: 1.75; }
.discipline-rail { position: relative; display: grid; gap: 20px; padding: 34px 0 34px 36px; border: 1px solid #94bafb; border-right: 0; border-radius: 28px 0 0 28px; }
.discipline-rail a { position: relative; display: flex; align-items: center; gap: 22px; padding: 29px 26px; background: #fff; border-radius: 15px; box-shadow: 0 8px 24px #4484f410; }
.discipline-rail a::before { content: ""; position: absolute; left: -36px; width: 36px; top: 50%; border-top: 1px solid var(--brand); }
.discipline-rail a > .brand-icon:first-child { width: 40px; height: 40px; }
.discipline-rail strong { font-size: 22px; line-height: 1.3; font-weight: 550; letter-spacing: -.03em; }
.discipline-rail a > .brand-icon:last-child { margin-left: auto; width: 18px; height: 18px; opacity: 0; transform: translateX(-5px); transition: .18s; }
.discipline-rail a:hover > .brand-icon:last-child, .discipline-rail a:focus-visible > .brand-icon:last-child { opacity: 1; transform: none; }
.mechanical-hero figure { position: relative; isolation: isolate; }
.mechanical-hero figure::before { content: ""; position: absolute; z-index: -1; inset: 25px -12px 60px 25px; border: 1px solid #b7d1fa; border-radius: 50px; }
.workflow-strip { border: 1px solid #d9e6f9; background: #f2f7ff; }
.workflow-strip .workflow-focus { background: var(--blue-fill); color: #fff; box-shadow: 0 12px 30px #4484f423; }
.workflow-strip .workflow-focus p, .workflow-strip .workflow-focus span { color: #fff; }
.workflow-focus > .brand-icon { width: 35px; height: 35px; color: #fff; margin-bottom: 20px; }
.after-process { border-radius: 18px; background: #eaf3ff; }
.after-process > .brand-icon { width: 35px; height: 35px; margin-bottom: 18px; }
.process-transition { gap: 35px; }
.before-process { border: 0; }
.industry-band { background: var(--blue-fill); color: #fff; }
.industry-band svg { color: #fff; }
.workspace-groups > div > h3 { display: flex; align-items: center; gap: 13px; }
.workspace-groups > div > h3 > .brand-icon { width: 27px; height: 27px; }
.ownership-band { background-color: var(--navy); background-image: linear-gradient(120deg, transparent 45%, #1d3b67); }
.ownership-band :is(h2, p, em, a, span, strong) { color: #fff; }
.ownership-grid .text-link { color: #fff; }
.core-price-card { border-top: 3px solid var(--brand); }
.core-promo-banner { border-left: 3px solid var(--brand); background: #e8f1ff; }
.core-guide-card__icon { display: block; color: var(--brand); margin-bottom: 16px; }
.core-guide-card__icon svg { width: 31px; height: 31px; }
.contact-form-surface { background: #f2f7ff; border: 1px solid #d7e5fa; box-shadow: 0 12px 45px #4484f410; }
.jsbs-contact-tab[aria-selected=true] { background: var(--blue-fill); color: #fff; font-weight: 650; }
.contact-email > .brand-icon { width: 24px; height: 24px; }
.jsbs-form__intro-icon { display: block; color: var(--brand); margin-bottom: 14px; }
.jsbs-form__intro-icon svg { width: 30px; height: 30px; }
.jsbs-mobile-nav .jsbs-mobile-nav__cta { background: var(--blue-fill); color: #fff; font-weight: 650; }
.jsbs-mobile-nav__subnav { border-color: var(--line-blue); }
.jsbs-mobile-nav__subnav a:hover { color: var(--action); }

@media (max-width: 1150px) {
  .footer-grid { grid-template-columns: 1fr .58fr 1fr 1.2fr; gap: 28px; }
  .footer-identity .footer-statement { font-size: 32px; }
  .footer-location { padding: 24px 20px; gap: 14px; }
  .location-art { flex-basis: 62px; }
  .location-art > svg { width: 62px; height: 90px; }
  .location-art::before, .location-art::after { width: 61px; height: 61px; border-radius: 18px; }
  .location-copy > strong { font-size: 22px; }
  .footer-contact-link { font-size: 13px; gap: 9px; }
  .footer-contact-link svg { width: 18px; height: 18px; }
  .fact-rail > div { grid-template-columns: 36px minmax(0, 1fr); column-gap: 16px; padding-inline: 7px; }
  .fact-rail > div > .brand-icon { width: 33px; height: 33px; }
  .service-row { grid-template-columns: 44px 1.1fr 1fr 46px; }
  .company-approach .split { gap: 50px; }
  .discipline-rail strong { font-size: 19px; }
  .discipline-rail a { padding: 25px 20px; gap: 18px; }
  .discipline-rail a > .brand-icon:first-child { width: 34px; height: 34px; }
}
@media (max-width: 950px) {
  .footer-grid { grid-template-columns: 1.1fr .8fr 1.1fr; gap: 35px; }
  .footer-location { grid-column: 1 / -1; min-height: 170px; padding: 25px 35px; justify-content: flex-start; gap: 35px; }
  .location-art { flex-basis: 67px; }
  .location-copy > strong { font-size: 26px; }
  .location-copy > .location-link { margin-top: 10px; }
}
@media (max-width: 799px) {
  .hero-scene::before, .hero-scene::after { width: 290px; height: 570px; outline-offset: -28px; border-radius: 48px; opacity: .42; }
  .hero-scene::before { left: -238px; top: 130px; }
  .hero-scene::after { right: -238px; top: 95px; }
  .hero-scene .home-hero { padding-bottom: 52px; }
  .editorial-scene::after { opacity: .2; right: -360px; }
  .fact-rail { grid-template-columns: 1fr; gap: 0; margin-top: 32px; }
  .fact-rail > div, .fact-rail > div:first-child { padding: 24px 0; border: 0; border-bottom: 1px solid var(--line-blue); grid-template-columns: 40px 1fr; column-gap: 22px; }
  .fact-rail > div:last-child { border: 0; padding-bottom: 0; }
  .fact-rail > div > .brand-icon { width: 36px; height: 36px; }
  .fact-rail strong { font-size: 20px; }
  .fact-rail span { font-size: 15px; margin-top: 6px; }
  .service-row { grid-template-columns: 40px 1fr 42px; column-gap: 19px; }
  .service-icon { grid-row: 1 / 3; width: 33px; height: 33px; }
  .service-row .round-arrow { width: 38px; height: 38px; }
  .cta-band { padding-block: 62px; }
  .cta-band::after { right: -190px; opacity: .5; }
  .company-approach .split { gap: 42px; }
  .discipline-rail { padding: 23px 0 23px 26px; }
  .discipline-rail a::before { left: -26px; width: 26px; }
  .discipline-rail a { padding: 25px; }
  .discipline-rail strong { font-size: 22px; }
  .discipline-rail a > .brand-icon:last-child { opacity: 1; transform: none; }
  .mechanical-hero figure::before { inset: 25px 0 45px 20px; border-radius: 35px; }
  .workflow-focus > .brand-icon { margin-bottom: 16px; }
  .process-transition { gap: 20px; }
  .site-footer { padding-top: 53px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; padding-bottom: 36px; }
  .footer-identity { grid-column: 1 / -1; }
  .footer-identity .footer-statement { font-size: 35px; margin-top: 22px; }
  .footer-identity > p:not(.footer-statement) br { display: none; }
  .footer-product-link { margin-top: 19px; }
  .footer-grid h2 { margin-bottom: 23px; }
  .footer-explore > a { font-size: 14px; margin-bottom: 12px; }
  .footer-base { gap: 18px; font-size: 11px; }
  .footer-base > p { font-size: 10px; }
}
@media (max-width: 520px) {
  .service-row { grid-template-columns: 32px 1fr 34px; column-gap: 13px; padding-block: 28px; }
  .service-icon { width: 28px; height: 28px; }
  .service-row h3 { font-size: 22px; }
  .service-row p { font-size: 14px; }
  .service-row .round-arrow { width: 33px; height: 33px; }
  .service-row .round-arrow svg { width: 18px; height: 18px; }
  .discipline-rail { padding: 20px 0 20px 18px; }
  .discipline-rail a::before { left: -18px; width: 18px; }
  .discipline-rail a { padding: 22px 17px; gap: 14px; border-radius: 12px; }
  .discipline-rail strong { font-size: 18px; }
  .discipline-rail a > .brand-icon:first-child { width: 28px; height: 28px; }
  .discipline-rail a > .brand-icon:last-child { display: none; }
  .company-approach p:not(.section-label) { font-size: 18px; }
  .process-transition { gap: 0; padding-top: 10px; }
  .process-transition > .after-process { padding: 26px 24px; margin-top: 15px; }
  .contact-email { gap: 11px; font-size: 18px; }
  .contact-email > .brand-icon { width: 21px; height: 21px; }
  .contact-email > svg:last-child { width: 19px; height: 19px; }
  .footer-grid { grid-template-columns: 1fr; gap: 33px; }
  .footer-explore { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; }
  .footer-explore h2 { grid-column: 1 / -1; margin-bottom: 12px; }
  .footer-contact-link { font-size: 15px; gap: 12px; margin-bottom: 15px; }
  .footer-services { margin-top: 22px; padding-top: 22px; }
  .footer-services a { font-size: 14px; justify-content: flex-start; gap: 15px; }
  .footer-location { min-height: 185px; padding: 27px; gap: 32px; border-radius: 21px; }
  .footer-identity img { width: 127px; }
  .footer-identity .footer-statement { font-size: 34px; }
  .footer-base nav { gap: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-icon, .discipline-rail a, .footer-location { transition: none; }
}
@media (max-width: 360px) {
  .footer-location { gap: 22px; padding-inline: 22px; }
  .location-art { flex-basis: 56px; }
  .location-art > svg { width: 56px; height: 85px; }
  .location-copy > strong { font-size: 24px; }
}