/* YG official website · independent, local-first presentation layer. */
:root{--paper:#f6f5ef;--white:#fff;--ink:#17283b;--muted:#66717c;--blue:#2457e7;--blue-light:#eef2fb;--orange:#e8a165;--line:#dedfd9;--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;--radius:12px;--container:1280px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,h4,p,figure{margin:0}ul{margin:0;padding:0;list-style:none}svg{display:block}button{border:0}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:3px}[hidden]{display:none!important}::selection{background:#c7d7ff;color:var(--ink)}.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:20px;z-index:1000;padding:12px 22px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;letter-spacing:1.7px;font-weight:700}.status-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0}.tiny-dot{display:inline-block;width:5px;height:5px}.tiny-dot.orange{background:var(--orange)}.accent-dot{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:56px;padding:13px 25px;font-weight:700;font-size:14px;line-height:1.6;border:1px solid transparent;border-radius:5px;transition:background .2s,transform .2s,color .2s}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#1643c4;transform:translateY(-2px)}.button-text{padding-inline:7px;gap:14px}.button-text:hover{color:var(--blue)}.button-small{min-height:46px;font-size:13px;padding:10px 18px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:700}.text-link:hover{color:var(--blue)}
/* Navigation */
.site-header{position:sticky;top:0;z-index:100;background:rgba(246,245,239,.96);border-bottom:1px solid transparent;transition:border-color .2s}.site-header.is-scrolled{border-color:var(--line)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--ink);color:white;font-family:Arial,sans-serif;font-weight:900;font-size:20px;letter-spacing:-2px;border-radius:9px;padding-right:2px}.brand-mark>span{position:absolute;width:5px;height:5px;border-radius:1px;background:var(--orange);right:6px;bottom:7px}.brand-image{width:43px;height:43px;object-fit:contain}.brand-wordmark{font-size:20px;line-height:1.3;letter-spacing:.5px;font-weight:800}.brand-wordmark small{display:block;font-family:Arial,var(--font);font-size:9px;font-weight:500;line-height:1.8;letter-spacing:1.5px;margin-top:3px;color:var(--muted)}.site-nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:600}.site-nav>a:not(.nav-contact){padding-block:8px;position:relative}.site-nav>a:not(.nav-contact):after{content:"";position:absolute;bottom:1px;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-nav>a:hover:after{transform:scaleX(1)}.nav-contact{display:flex;align-items:center;gap:18px;border:1px solid var(--ink);padding:11px 17px;border-radius:4px;margin-left:8px}.nav-contact .icon{width:18px;height:18px}.nav-contact:hover{background:var(--ink);color:white}.menu-toggle{display:none}
/* Hero */
.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:46px;padding-top:68px;padding-bottom:90px;align-items:center}.hero-copy{padding-bottom:20px}.hero-copy>.eyebrow{color:var(--muted);margin-bottom:27px;letter-spacing:1.2px}.hero h1{font-size:clamp(44px,4.1vw,60px);line-height:1.28;letter-spacing:-2.6px;font-weight:800;max-width:600px;word-break:normal;overflow-wrap:anywhere}.hero-description{font-size:16px;line-height:1.9;color:var(--muted);margin-top:26px;max-width:450px}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:35px}.hero-signature{display:flex;gap:14px;align-items:center;margin-top:39px;font-size:10px;letter-spacing:1.8px;font-family:Arial,sans-serif;font-weight:600;color:#89919a}.signature-line{width:35px;height:1px;background:#8b939b}.hero-visual{position:relative;padding-top:8px;min-width:0}.hero-visual:before{content:"";position:absolute;inset:1% -7% 6% 2%;background-image:radial-gradient(#d2d7da .8px,transparent .8px);background-size:15px 15px;z-index:-1}.visual-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Arial,var(--font);font-size:9px;letter-spacing:1.3px;font-weight:700;margin-bottom:14px;padding-inline:8px}.visual-label>span:last-child{font-size:9px;color:var(--muted);letter-spacing:.5px}.workbench{background:white;border:1px solid #dce0e3;border-radius:10px;box-shadow:0 25px 55px -25px rgba(23,40,59,.23);transform:rotate(-1deg);overflow:hidden;position:relative;z-index:1}.workbench-top{height:42px;padding-inline:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaedf1;background:#fcfdfe;color:#9aa1a9;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.4px;font-weight:bold}.workbench-top>.icon{width:14px;height:14px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d7dde2}.window-dots i:first-child{background:#e8a165}.workbench-body{display:flex;min-height:357px}.workbench-sidebar{width:57px;flex-shrink:0;border-right:1px solid #edf0f3;background:#fafbfd;display:flex;align-items:center;flex-direction:column;gap:16px;padding-block:18px;color:#a2acb6}.workbench-sidebar>span:not(.mini-brand){width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:5px}.workbench-sidebar .icon{width:15px;height:15px}.mini-brand{font:bold 15px Arial,sans-serif;letter-spacing:-1.3px;color:var(--ink);padding-block:0 10px}.mini-brand>span{color:var(--blue)}.workbench-sidebar .sidebar-active{background:var(--blue);color:white}.workbench-sidebar .sidebar-bottom{margin-top:auto;background:#e5ebf8;color:var(--blue);font:bold 10px Arial,sans-serif;width:24px!important;height:24px!important;border-radius:50%!important}.workbench-main{min-width:0;flex:1;padding:28px 24px 17px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.workspace-heading p{font-size:9px;color:#99a0a9;letter-spacing:.5px}.workspace-heading h2{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-top:3px;line-height:1.6}.workspace-heading h2>span{color:var(--blue)}.workspace-tag{padding:4px 7px;background:#eff3ff;color:var(--blue);font-size:8px;border-radius:3px;white-space:nowrap}.workspace-tabs{display:flex;gap:21px;margin-top:18px;border-bottom:1px solid #e8ecf1;font-size:9px;color:#99a0a9;line-height:2.8}.workspace-tabs span.active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:bold}.workspace-overview{display:grid;grid-template-columns:1.18fr 1fr;gap:12px;margin-top:17px}.architecture{background:#f6f8fc;border:1px solid #edf0f7;border-radius:5px;padding:12px 10px 10px}.panel-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:bold;line-height:1.5}.panel-label .icon{width:12px;height:12px;color:#95a0ad}.architecture-center{margin:20px auto 0;padding:8px 11px;max-width:95px;display:flex;justify-content:center;align-items:center;gap:6px;background:#e2eafe;color:var(--blue);font-size:9px;font-weight:700;border-radius:4px}.architecture-center .icon{width:12px;height:12px}.architecture-branch{display:flex;justify-content:space-around;margin:0 16px;height:20px;position:relative}.architecture-branch:before{content:"";height:10px;position:absolute;width:1px;background:#c9d5ec;top:0;left:50%}.architecture-branch:after{content:"";height:1px;position:absolute;left:16.5%;right:16.5%;background:#c9d5ec;top:10px}.architecture-branch span{height:10px;width:1px;background:#c9d5ec;margin-top:10px}.architecture-modules{display:flex;gap:5px;justify-content:center}.architecture-modules span{flex:1;font-size:8px;white-space:nowrap;line-height:2.9;background:white;text-align:center;border:1px solid #dce4f3;border-radius:3px;padding-inline:3px}.architecture-caption{display:flex;align-items:center;gap:5px;font-size:8px;color:#8e9bae;margin-top:19px;padding-top:9px;border-top:1px dashed #dbe1ed}.workspace-checklist{border:1px solid #e9edf2;border-radius:5px;padding:12px}.workspace-checklist>div:not(.panel-label){display:flex;align-items:center;gap:8px;border-bottom:1px solid #eff1f4;padding-block:14px}.workspace-checklist>div:last-child{border-bottom:0;padding-bottom:5px}.phase-icon{width:25px;height:25px;background:#f1f4fa;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#6b87c1}.phase-icon .icon{width:12px;height:12px}.workspace-checklist p{font-size:9px;font-weight:bold;line-height:1.5}.workspace-checklist small{display:block;font-size:8px;font-weight:normal;color:#98a1ac;margin-top:2px}.phase-number{font-size:8px;color:#b5bdc6;margin-left:auto;font-family:Arial,sans-serif}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:15px;font-size:8px;color:#99a2af}.workspace-footer>span{display:flex;align-items:center;gap:6px}.workspace-footer .icon{width:12px;height:12px}.visual-note{display:flex;gap:12px;margin:21px 0 0 29px;font-size:12px;line-height:1.7;color:#828b95}.visual-note strong{font-weight:600;color:var(--ink)}.note-symbol{color:var(--blue);font-size:32px;font-family:Arial,sans-serif;line-height:1.2}.custom-visual{background:white;padding:9px;border:1px solid var(--line);border-radius:10px;box-shadow:0 25px 55px -25px rgba(23,40,59,.23)}.custom-visual img{width:100%;height:auto;border-radius:5px}.custom-visual figcaption{color:var(--muted);font-size:10px;padding:10px 5px 3px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:27px;font-size:11px;color:#9299a1;letter-spacing:.5px}.hero-bottom>a{display:flex;align-items:center;gap:13px;color:var(--ink)}.hero-bottom>a>span{font-size:20px;line-height:1}.service-strip{background:var(--ink);color:#f5f4ef}.service-strip>.container{min-height:80px;display:flex;align-items:center;justify-content:space-between;padding-inline:32px;gap:20px}.service-strip span{font-size:17px;font-weight:500;letter-spacing:3px}.service-strip i{color:var(--orange);font-style:normal;font-size:22px}
/* Editorial sections */
.section{padding-block:108px;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:58px}.section-heading h2,.faq-heading h2,.contact-section h2{font-size:42px;line-height:1.4;font-weight:750;letter-spacing:-1.4px}.section-heading .eyebrow,.faq-heading .eyebrow{color:var(--muted);margin-bottom:18px}.section-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:400px;padding-bottom:7px}.capabilities-section{background:#fff}.capability-list{border-top:1px solid var(--line)}.capability-row{display:grid;grid-template-columns:116px 1.05fr 1fr;gap:38px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}.capability-index{display:flex;align-items:center;gap:28px;color:#8a949e}.capability-index>span{font-size:11px;font-family:Arial,sans-serif;align-self:flex-start}.capability-index .icon{width:30px;height:30px;color:var(--blue)}.capability-copy h3{font-size:24px;font-weight:700;letter-spacing:-.5px}.capability-copy p{color:var(--muted);font-size:13px;line-height:1.9;max-width:435px;margin-top:8px}.capability-items{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:12px}.capability-items li{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.capability-items .icon{width:13px;height:13px;color:var(--blue)}
/* Templates */
.showcases-section{background:#f6f5ef}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.case-filters{display:flex;gap:5px;flex-wrap:wrap}.filter-button{display:inline-flex;align-items:center;gap:12px;min-height:43px;padding:9px 17px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:12px;transition:background .15s,color .15s}.filter-button:hover{background:#e8e9e5}.filter-button.is-active{background:var(--ink);color:white}.filter-button>span{font-size:10px;color:#a7b8c8;line-height:1.3;min-width:14px}.filter-status{font-size:11px;color:var(--muted);white-space:nowrap}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:43px 27px}.showcase-card{min-width:0}.case-image-button{width:100%;padding:0;text-align:left;position:relative;border:1px solid #dddeda;background:white;border-radius:7px;overflow:hidden;display:block}.case-browser-bar{height:28px;background:white;display:flex;align-items:center;gap:4px;padding-inline:12px;border-bottom:1px solid #e9eae6}.case-browser-bar>span{height:4px;width:4px;border-radius:50%;background:#d3d7da}.case-browser-bar>i{font-style:normal;font-size:7px;font-family:Arial,sans-serif;letter-spacing:1px;color:#a5adb5;margin-left:auto}.case-image{width:100%;aspect-ratio:1.49;object-fit:cover;object-position:top;background:#e5e9ed;transition:transform .45s}.case-image-overlay{position:absolute;inset:28px 0 0;background:rgba(23,40,59,.18);display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;opacity:0;transition:opacity .2s}.case-image-overlay>span{display:inline-flex;align-items:center;gap:20px;background:white;border-radius:3px;font-size:11px;font-weight:700;padding:9px 13px;transform:translateY(6px);transition:transform .2s}.case-image-overlay .icon{width:16px;height:16px}.case-image-button:hover .case-image{transform:scale(1.035)}.case-image-button:hover .case-image-overlay,.case-image-button:focus-visible .case-image-overlay{opacity:1}.case-image-button:hover .case-image-overlay>span{transform:translateY(0)}.case-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;aspect-ratio:1.49;background:#e9edf4;gap:10px;color:#8f9aaa;font-size:11px}.case-placeholder>strong{font:bold 52px Arial,sans-serif;letter-spacing:-5px;color:#a7b7cd}.case-placeholder>strong>span{color:#e8a165}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.case-category{display:block;color:#929aa0;font-size:10px;letter-spacing:.3px;margin-bottom:5px}.case-meta h3{font-size:19px;line-height:1.5;font-weight:700}.case-preview-button{background:transparent;width:38px;height:38px;border:1px solid #d8dddF;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s,border .2s}.case-preview-button>.icon{width:17px;height:17px}.case-preview-button:hover{background:var(--blue);color:white;border-color:var(--blue)}.case-demo-link,.case-demo-unavailable{font-size:10px;color:var(--muted);display:inline-flex;gap:9px;margin-top:9px}.case-demo-link:hover{color:var(--blue)}.case-demo-unavailable{color:#959da5}.cases-empty{padding:50px 20px;background:#edece6;text-align:center;color:var(--muted);font-size:14px;border-radius:4px}.showcase-footnote{display:flex;align-items:flex-start;gap:11px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line);color:#899199;font-size:11px;line-height:1.9}.showcase-footnote>.tiny-dot{margin-top:8px}
/* Delivery */
.delivery-section{background:var(--ink);color:#fff;position:relative}.delivery-section .eyebrow{color:#93a6ba}.delivery-section .accent-dot{color:var(--orange)}.delivery-section .section-intro{color:#aab8c6}.delivery-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.delivery-step{min-width:0;border-top:1px solid #425264;padding-top:20px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.step-top>span{font-size:13px;font-family:Arial,sans-serif;letter-spacing:2px;color:#a5b4c4}.step-top>.icon{width:21px;height:21px;color:#677f97}.delivery-step:last-child .step-top>.icon{display:none}.delivery-step h3{font-size:20px;font-weight:600;letter-spacing:-.3px}.delivery-step>p{font-size:12px;line-height:1.9;color:#a9b6c4;margin-top:12px;min-height:70px;max-width:260px}.delivery-step ul{display:flex;flex-direction:column;gap:7px;padding-top:21px;margin-top:15px;border-top:1px solid #344658;color:#d2dce5;font-size:11px}.delivery-step li:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--orange);vertical-align:middle;margin-right:9px}
/* Questions & careers */
.faq-section{background:white}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-heading>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:24px}.faq-heading>.text-link{margin-top:38px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq-item>summary{display:flex;align-items:center;gap:22px;padding:25px 0}.faq-number{font:10px Arial,sans-serif;color:#98a0a7;flex-shrink:0;min-width:18px}.faq-item h3{font-size:15px;line-height:1.7;font-weight:600;flex:1}.detail-toggle{width:31px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f2;transition:background .2s,color .2s,transform .2s}.detail-toggle .icon{width:16px;height:16px}.faq-item[open] .detail-toggle,.job-item[open] .detail-toggle{background:var(--blue);color:white;transform:rotate(45deg)}.faq-answer{padding:0 53px 27px 40px;color:var(--muted);font-size:13px;line-height:2;overflow-wrap:anywhere}.jobs-section{background:#edf1f7}.jobs-section .section-heading{margin-bottom:45px}.jobs-list{border-top:1px solid #cfd6df}.job-item{border-bottom:1px solid #cfd6df}.job-item>summary{display:flex;align-items:center;gap:35px;padding:26px 0}.job-heading{flex:1}.job-label{font:8px Arial,sans-serif;color:#8a97a5;letter-spacing:1.3px}.job-heading h3{font-size:21px;line-height:1.6;margin-top:6px}.job-location{font-size:12px;color:var(--muted);text-align:right}.job-item .detail-toggle{background:#dde4ee;width:36px;height:36px}.job-body{padding:0 0 30px}.job-summary{font-size:13px;color:var(--muted);max-width:800px;line-height:1.9}.job-details{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:25px;margin-bottom:26px}.job-details h4{font-size:13px;margin-bottom:12px}.job-details ul{font-size:12px;line-height:1.9;color:var(--muted);display:flex;flex-direction:column;gap:5px}.job-details li{position:relative;padding-left:13px}.job-details li:before{content:"";width:3px;height:3px;background:#8c9baf;border-radius:50%;position:absolute;left:0;top:10px}.jobs-empty{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}
/* Contact & footer */
.contact-section{background:var(--paper);padding-block:106px 112px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-section .eyebrow{color:var(--muted);margin-bottom:25px}.contact-section h2{font-size:46px}.contact-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:24px}.contact-links{border-top:1px solid #ccd0d2}.contact-link{display:flex;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid #ccd0d2;transition:color .2s}.contact-icon{display:flex;align-items:center;justify-content:center;border-radius:7px;width:45px;height:45px;flex-shrink:0;background:#e8edfa;color:var(--blue);transition:background .2s,color .2s}.contact-icon>.icon{width:21px;height:21px}.contact-link-copy{flex:1;min-width:0}.contact-link-copy small{display:block;font:9px Arial,sans-serif;font-weight:bold;color:#9aa1a8;letter-spacing:1.2px;margin-bottom:5px}.contact-link-copy strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere;line-height:1.5}.contact-arrow{width:25px;height:25px;transition:transform .2s}.contact-link:hover{color:var(--blue)}.contact-link:hover .contact-icon{background:var(--blue);color:white}.contact-link:hover .contact-arrow{transform:translate(3px,-3px)}.contact-extra{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.contact-extra>span{flex-shrink:0;color:var(--ink)}.contacts-empty{padding:30px 0;color:var(--muted);font-size:13px}.site-footer{background:var(--ink);color:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:43px}.footer-brand .brand-mark{background:#f6f5ef;color:var(--ink)}.footer-brand .brand-wordmark small{color:#8fa2b5}.footer-top>p{font-size:12px;color:#a6b7c7;letter-spacing:.4px}.footer-top-link{display:flex;align-items:center;gap:18px;font-size:11px;color:#d1dce6;white-space:nowrap}.footer-top-link>span{font-size:20px}.footer-top-link:hover{color:var(--orange)}.footer-bottom{padding-block:23px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-top:1px solid #344555;color:#8095a9;font-size:10px;line-height:1.8}.footer-bottom>span{white-space:nowrap}.footer-bottom>p{max-width:620px;text-align:center}.footer-bottom>nav{display:flex;gap:18px}.footer-bottom>nav>a{white-space:nowrap}.footer-bottom>nav>a:hover{color:white}.back-to-top{position:fixed;bottom:26px;right:26px;z-index:90;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #d3dbe4;border-radius:50%;background:white;color:var(--ink);box-shadow:0 3px 15px #17283b0c;transition:color .2s,background .2s}.back-to-top .icon{transform:rotate(-90deg);width:20px;height:20px}.back-to-top:hover{background:var(--blue);color:white;border-color:var(--blue)}
/* Native accessible preview */
.case-dialog{padding:0;border:0;max-width:1000px;width:calc(100% - 64px);max-height:calc(100dvh - 64px);background:white;color:var(--ink);border-radius:10px;box-shadow:0 30px 120px #071b3555;overscroll-behavior:contain}.case-dialog::backdrop{background:rgba(13,28,44,.64);backdrop-filter:blur(4px)}body.dialog-open{overflow:hidden}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 30px;border-bottom:1px solid var(--line)}.dialog-heading .eyebrow{font-size:9px;color:var(--muted);margin-bottom:6px;letter-spacing:1px}.dialog-heading h2{font-size:24px;line-height:1.5}.dialog-close{width:38px;height:38px;border-radius:50%;background:#f0f2f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialog-close:hover{background:var(--blue);color:white}.dialog-close .icon{width:19px;height:19px}.dialog-image-wrap{padding:20px;background:#edf0f4;min-height:200px}.dialog-image-wrap>img{width:100%;height:auto;border-radius:3px;background:white;object-fit:contain}.dialog-placeholder{display:flex;align-items:center;justify-content:center;min-height:280px;font-size:14px;color:var(--muted)}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 30px}.dialog-footer p{font-size:12px;color:var(--muted);line-height:1.8;max-width:680px}.dialog-footer small{font-size:10px;color:#939da6}.dialog-footer>.button{flex-shrink:0}
/* Responsive */
@media(min-width:1600px){.hero-grid{padding-top:93px;padding-bottom:117px}.hero h1{font-size:62px}.hero-description{font-size:17px}.workbench-body{min-height:390px}.workbench-main{padding-top:32px}.workspace-overview{margin-top:24px}.workspace-heading h2{font-size:22px}.architecture{padding-top:15px;padding-bottom:16px}.workspace-checklist>div:not(.panel-label){padding-block:17px}.architecture-center{margin-top:25px}.architecture-caption{margin-top:24px}}
@media(max-width:1200px){.container{width:calc(100% - 64px)}.header-inner{min-height:88px;gap:24px}.site-nav{gap:18px;font-size:12px}.nav-contact{gap:12px;margin-left:0;padding:10px 13px}.hero-grid{gap:30px;padding-top:62px;padding-bottom:71px}.hero h1{font-size:48px}.hero-description{font-size:14px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding-inline:18px;gap:16px;min-height:51px}.hero-actions .button-text{padding-inline:5px;gap:8px}.workbench-main{padding:23px 18px 15px}.workbench-sidebar{width:48px}.workspace-heading h2{font-size:17px}.workspace-overview{gap:9px;grid-template-columns:1.13fr 1fr}.architecture{padding-inline:8px}.architecture-modules span{font-size:7px;padding-inline:0}.workspace-checklist{padding-inline:9px}.workbench-body{min-height:340px}.workspace-checklist>div:not(.panel-label){gap:6px}.workspace-tabs{gap:18px}.section{padding-block:86px}.section-heading h2,.faq-heading h2{font-size:37px}.section-intro{max-width:355px;font-size:13px}.capability-row{grid-template-columns:87px 1fr 1fr;gap:27px}.capability-index{gap:22px}.capability-copy h3{font-size:22px}.capability-items{gap:10px 15px;font-size:11px}.showcase-grid{gap:36px 22px}.case-meta h3{font-size:17px}.faq-grid{gap:57px}.contact-grid{gap:50px}.contact-section h2{font-size:41px}.contact-link-copy strong{font-size:20px}.contact-section{padding-block:86px 94px}.footer-top{gap:24px}.footer-top>p{font-size:11px}.footer-bottom>p{max-width:490px}}
@media(max-width:980px){.site-nav{gap:16px}.site-nav>a:not(.nav-contact){font-size:11px}.nav-contact{font-size:11px}.brand-wordmark{font-size:18px}.brand-wordmark small{font-size:8px;letter-spacing:1px}.brand-mark,.brand-image{width:38px;height:38px}.hero-grid{gap:25px;grid-template-columns:1fr 1fr;padding-top:49px;padding-bottom:61px}.hero h1{font-size:41px;letter-spacing:-2px}.hero-description{font-size:13px}.hero-actions{flex-wrap:wrap;gap:5px 13px;margin-top:27px}.hero-signature{margin-top:28px;font-size:8px}.visual-label{font-size:7px;letter-spacing:1px}.visual-label>span:last-child{font-size:8px}.workbench-body{min-height:310px}.workbench-top{height:34px}.workbench-main{padding:21px 13px 14px}.workbench-sidebar{width:38px;gap:13px;padding-block:14px}.workbench-sidebar>span:not(.mini-brand){width:25px;height:25px}.workbench-sidebar .icon{width:13px;height:13px}.workspace-heading h2{font-size:15px}.workspace-heading p{font-size:8px}.workspace-tag{font-size:7px;padding:3px 5px}.workspace-tabs{font-size:8px;gap:14px;margin-top:14px}.workspace-overview{display:block;margin-top:12px}.architecture{padding:10px}.architecture-center{margin-top:10px}.architecture-caption{margin-top:12px}.workspace-checklist{display:none}.workspace-footer{font-size:7px;padding-top:12px}.visual-note{font-size:10px;margin-top:18px;margin-left:16px}.service-strip>.container{min-height:70px;padding-inline:18px}.service-strip span{font-size:14px;letter-spacing:2px}.service-strip i{font-size:19px}.section-heading{gap:35px;margin-bottom:42px}.section-heading h2,.faq-heading h2{font-size:33px}.section-intro{max-width:300px;font-size:12px}.capability-row{grid-template-columns:68px 1fr 1fr;gap:23px;padding-block:29px}.capability-index{gap:15px}.capability-index .icon{width:25px;height:25px}.capability-copy h3{font-size:20px}.capability-copy p{font-size:12px}.capability-items{grid-template-columns:1fr;gap:7px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.delivery-grid{gap:20px}.delivery-step h3{font-size:18px}.delivery-step>p{font-size:11px}.delivery-step ul{font-size:10px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.faq-item>summary{gap:16px}.faq-item h3{font-size:13px}.faq-answer{font-size:12px;padding-left:34px;padding-right:37px}.contact-section h2{font-size:36px}.contact-link-copy strong{font-size:17px}.contact-icon{width:39px;height:39px}.contact-link{gap:15px}.contact-arrow{width:21px;height:21px}.footer-top>p{display:none}.footer-bottom{font-size:9px;gap:20px}.footer-bottom>p{max-width:400px}.footer-brand .brand-wordmark{font-size:17px}}
@media(max-width:760px){.delivery-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.delivery-grid--5 .delivery-step:last-child{grid-column:1/-1}html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:18px;flex-wrap:wrap}.brand{gap:10px}.brand-wordmark{font-size:17px}.brand-wordmark small{font-size:7px;letter-spacing:1px}.brand-mark,.brand-image{width:36px;height:36px}.brand-mark{font-size:18px;letter-spacing:-1.8px;border-radius:7px}.brand-mark>span{width:4px;height:4px;right:5px;bottom:6px}.menu-toggle{display:flex;width:39px;height:39px;padding:11px 8px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #d3d7d9;border-radius:5px}.menu-toggle>span{width:18px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:5px 0 21px}.js .site-nav{display:none}.js .site-nav.is-open{display:flex}.site-nav>a:not(.nav-contact){font-size:14px;padding:13px 0;border-top:1px solid var(--line)}.site-nav>a:not(.nav-contact):after{display:none}.site-nav .nav-contact{font-size:13px;margin-top:8px;padding:12px 15px;justify-content:space-between}.hero-grid{grid-template-columns:1fr;gap:44px;padding-top:40px;padding-bottom:40px}.hero-copy{padding-bottom:0}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.7px;margin-bottom:22px}.hero h1{font-size:clamp(37px,7.2vw,52px);line-height:1.32;letter-spacing:-1.5px;max-width:650px}.hero-description{max-width:530px;font-size:14px;line-height:1.9;margin-top:20px}.hero-actions{margin-top:25px;gap:18px;flex-wrap:nowrap}.hero-actions .button{font-size:12px;padding:12px 19px;min-height:49px;gap:18px}.hero-actions .button-text{padding-inline:0;gap:9px}.hero-signature{font-size:8px;margin-top:27px}.hero-visual{width:100%;max-width:570px;margin-inline:auto;padding-top:0}.visual-label{font-size:8px;padding-inline:4px}.visual-label>span:last-child{font-size:8px}.workbench{transform:rotate(-.7deg);border-radius:8px}.workbench-top{height:35px}.workbench-body{min-height:322px}.workbench-sidebar{width:44px;gap:15px}.workbench-sidebar>span:not(.mini-brand){width:27px;height:27px}.workbench-main{padding:21px 18px 16px}.workspace-heading h2{font-size:18px}.workspace-heading p{font-size:9px}.workspace-tag{font-size:8px}.workspace-tabs{font-size:9px;gap:20px;margin-top:15px}.workspace-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:11px;margin-top:14px}.architecture-center{margin-top:18px}.architecture-caption{margin-top:18px;font-size:7px}.architecture-modules span{font-size:7px}.workspace-checklist{display:block;padding:10px}.workspace-checklist>div:not(.panel-label){padding-block:12px}.workspace-checklist p{font-size:8px}.workspace-checklist small{font-size:7px}.phase-icon{width:23px;height:23px}.workspace-footer{font-size:7px}.visual-note{font-size:10px;margin-top:17px}.hero-bottom{padding-bottom:21px;font-size:9px}.hero-bottom>a{gap:9px}.service-strip>.container{padding-inline:0;min-height:59px;gap:10px}.service-strip span{font-size:11px;letter-spacing:1px}.service-strip i{font-size:15px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:33px}.section-heading h2,.faq-heading h2{font-size:31px;line-height:1.4;letter-spacing:-1px}.section-heading .eyebrow,.faq-heading .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.section-intro{max-width:none;margin-top:21px;font-size:12px;padding-bottom:0}.capability-row{grid-template-columns:44px 1fr;gap:18px;padding-block:26px;align-items:start}.capability-index{flex-direction:column;align-items:flex-start;gap:17px;padding-top:3px}.capability-index>span{font-size:9px}.capability-index .icon{width:25px;height:25px}.capability-copy h3{font-size:20px}.capability-copy p{font-size:12px;max-width:none;margin-top:7px}.capability-items{grid-column:2;grid-template-columns:1fr 1fr;font-size:10px;gap:9px 16px;margin-top:-5px}.capability-items .icon{width:11px;height:11px}.capability-items li{gap:7px}.showcase-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}.case-filters{gap:2px;width:100%}.filter-button{padding:8px 12px;min-height:39px;font-size:10px;gap:8px}.filter-status{font-size:9px;padding-left:2px}.showcase-grid{gap:28px 17px}.case-browser-bar{height:23px;padding-inline:9px}.case-image-overlay{inset-block-start:23px}.case-meta{margin-top:14px;gap:9px}.case-category{font-size:9px;margin-bottom:4px}.case-meta h3{font-size:15px}.case-preview-button{height:31px;width:31px}.case-preview-button>.icon{width:14px;height:14px}.case-demo-link,.case-demo-unavailable{font-size:9px;margin-top:7px}.showcase-footnote{margin-top:30px;padding-top:18px;font-size:10px}.delivery-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.step-top{margin-bottom:20px}.step-top>span{font-size:12px}.delivery-step h3{font-size:19px}.delivery-step>p{font-size:12px;min-height:0;max-width:none}.delivery-step ul{font-size:10px;margin-top:20px;padding-top:15px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-heading>p:not(.eyebrow){font-size:12px;margin-top:19px}.faq-heading>.text-link{font-size:12px;margin-top:20px}.faq-item>summary{padding:23px 0;gap:17px}.faq-item h3{font-size:13px}.faq-answer{font-size:12px;line-height:1.9;padding:0 34px 23px 35px}.faq-number{font-size:9px}.detail-toggle{height:28px;width:28px}.jobs-section .section-heading{margin-bottom:31px}.job-item>summary{gap:16px;padding-block:23px}.job-label{font-size:7px}.job-heading h3{font-size:18px;margin-top:5px}.job-location{font-size:10px;max-width:85px}.job-item .detail-toggle{width:30px;height:30px}.job-summary{font-size:12px}.job-details{gap:25px;margin-top:22px}.job-details ul{font-size:11px}.job-details h4{font-size:12px}.job-body{padding-bottom:25px}.jobs-empty{font-size:12px}.jobs-empty .text-link{font-size:12px}.contact-section{padding-block:64px 70px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-section .eyebrow{font-size:9px;margin-bottom:20px}.contact-section h2{font-size:35px;letter-spacing:-1px}.contact-description{font-size:12px;margin-top:20px}.contact-link{padding-block:23px;gap:17px}.contact-link-copy strong{font-size:20px}.contact-icon{width:40px;height:40px}.contact-link-copy small{font-size:8px}.contact-extra{font-size:11px}.footer-top{padding-block:31px;gap:20px}.footer-top-link{font-size:10px;gap:11px}.footer-brand .brand-wordmark{font-size:16px}.footer-bottom{flex-direction:column;gap:10px;padding-block:22px;font-size:9px}.footer-bottom>p{max-width:none;text-align:left}.footer-bottom>nav{gap:17px}.back-to-top{width:38px;height:38px;right:16px;bottom:16px}.case-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:8px}.dialog-heading{padding:18px 19px;gap:15px}.dialog-heading h2{font-size:20px}.dialog-heading .eyebrow{font-size:8px}.dialog-close{width:34px;height:34px}.dialog-image-wrap{padding:10px;min-height:120px}.dialog-footer{padding:17px 19px;flex-direction:column;align-items:flex-start;gap:16px}.dialog-footer p{font-size:11px}.dialog-footer small{font-size:9px}.dialog-footer .button{width:100%}}
@media(max-width:430px){.container{width:calc(100% - 36px)}.hero-grid{padding-top:31px;gap:35px}.hero h1{font-size:37px}.hero-description{font-size:13px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;padding-inline:16px;gap:17px}.hero-actions .button-text{padding-inline:0;gap:7px}.hero-actions .icon{width:19px;height:19px}.hero-signature{margin-top:24px;font-size:7px;letter-spacing:1.5px}.hero-bottom{font-size:8px}.workbench-body{min-height:285px}.workbench-main{padding:17px 12px 13px}.workbench-sidebar{width:34px;gap:12px}.workbench-sidebar>span:not(.mini-brand){width:23px;height:23px}.workbench-sidebar .icon{width:12px;height:12px}.mini-brand{font-size:13px;padding-bottom:6px}.workspace-heading h2{font-size:15px}.workspace-heading p{font-size:8px}.workspace-tag{font-size:7px;padding:3px 4px}.workspace-tabs{font-size:8px;gap:15px;margin-top:12px}.workspace-overview{grid-template-columns:1.1fr .9fr;gap:7px;margin-top:12px}.architecture{padding:9px 6px 8px}.panel-label{font-size:8px}.architecture-center{max-width:80px;margin-top:17px;padding:7px;font-size:8px;gap:5px}.architecture-center .icon{width:11px;height:11px}.architecture-modules{gap:3px}.architecture-modules span{font-size:6px;line-height:3}.architecture-branch{margin-inline:7px;height:18px}.architecture-branch:before{height:8px}.architecture-branch:after{top:8px}.architecture-branch span{margin-top:8px}.architecture-caption{font-size:6px;gap:4px;margin-top:16px;padding-top:8px}.workspace-checklist{padding:9px 7px}.workspace-checklist>div:not(.panel-label){padding-block:10px;gap:5px}.phase-icon{width:19px;height:19px;border-radius:4px}.phase-icon .icon{width:10px;height:10px}.workspace-checklist p{font-size:7px}.workspace-checklist small{font-size:6px}.phase-number{font-size:6px}.workspace-footer{font-size:6px;gap:6px;padding-top:12px}.workspace-footer>span{gap:4px}.workspace-footer .icon{width:10px;height:10px}.service-strip>.container{gap:8px}.service-strip span{font-size:10px;letter-spacing:.5px}.service-strip i{font-size:12px}.section-heading h2,.faq-heading h2{font-size:29px}.capability-items{grid-template-columns:1fr 1fr;gap:8px 10px;font-size:9px}.showcase-grid{grid-template-columns:1fr;gap:29px}.case-image{aspect-ratio:1.6}.case-meta h3{font-size:18px}.case-category{font-size:10px}.case-meta{margin-top:16px}.case-preview-button{width:35px;height:35px}.case-demo-link,.case-demo-unavailable{font-size:10px}.case-browser-bar{height:27px;padding-inline:12px}.case-image-overlay{inset-block-start:27px}.filter-button{padding:7px 10px;font-size:10px}.filter-button>span{font-size:8px}.delivery-grid{gap:26px 19px}.delivery-step h3{font-size:17px}.delivery-step>p{font-size:11px}.delivery-step ul{font-size:9px}.job-details{grid-template-columns:1fr;gap:20px}.contact-section h2{font-size:31px}.contact-link-copy strong{font-size:18px}.contact-link{gap:14px}.contact-icon{width:37px;height:37px}.footer-brand .brand-wordmark{font-size:15px}.footer-brand .brand-wordmark small{font-size:6px}.footer-top-link{font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button-primary:hover,.case-image-button:hover .case-image,.contact-link:hover .contact-arrow{transform:none}}

html:not(.js) .case-preview-button,html:not(.js) .case-filters,html:not(.js) .filter-status{display:none}