/* Public marketing typography. Product demos retain their own design systems. */
:root{--brand-sans:Inter,Arial,sans-serif;--brand-serif:Fraunces,Georgia,serif;--brand-h1:clamp(42px,5.3vw,72px);--brand-h2:clamp(30px,3.6vw,48px);--brand-h3:clamp(19px,2vw,24px);--brand-body:15px;--brand-space:clamp(56px,7vw,100px)}
body,input,textarea,select,button{font-family:var(--brand-sans)}
body #main h1{font-family:var(--brand-sans)!important;font-size:var(--brand-h1)!important;line-height:1.06!important;letter-spacing:-.055em!important;font-weight:550!important}
body #main h1 em{font-family:var(--brand-serif)!important;font-weight:400!important;letter-spacing:-.035em!important;font-style:italic}
body #main h2:not(:is(.service-scene,.wx-process-film,.wx-design-studio,.wd-studio,.sc-result,.sc-xray,.nt-simulator-window,.rx-compare,[data-wx-lab]) *){font-family:var(--brand-sans)!important;font-size:var(--brand-h2)!important;line-height:1.14!important;letter-spacing:-.045em!important;font-weight:500!important}
body #main h2 em{font-family:var(--brand-serif)!important;font-weight:400!important;font-style:italic}
body #main h3:not(:is(.service-scene,.wx-process-film,.wd-studio,.sc-result,.care-stage,.lp-demo-stage,.rx-old-site,.rx-new-site,.rx-compare,.wx-atelier-responsive,[data-wx-lab]) *){font-family:var(--brand-sans)!important;font-size:var(--brand-h3)!important;line-height:1.3!important;letter-spacing:-.03em!important;font-weight:550!important}
body #main p:not(:is(.service-scene,.wx-process-film,.wd-studio,.sc-result,.care-stage,.lp-demo-stage,.rx-old-site,.rx-new-site,.rx-compare,.wx-atelier-responsive,[data-wx-lab],.nt-faq-list,.faq-list,.scene-caption,.wx-noirtech-stage,.nt-simulator-window) *){font-family:var(--brand-sans)!important;font-size:var(--brand-body)!important;line-height:1.8!important;letter-spacing:0!important}
body #main :is(.eyebrow,.wd-eyebrow,.care-kicker,.lp-kicker,.hm-kicker,.sc-kicker,.sx-eyebrow,.r-badge){font-family:var(--brand-sans)!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.13em!important;font-weight:600!important}
body #main :is(.wd-button,.care-button,.lp-button,.hm-button,.r-button,.button,.btn,.sc-submit){font-family:var(--brand-sans)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;min-height:46px;border-radius:9px!important;letter-spacing:0!important}
body #main :is(.nt-service-section,.care-section,.lp-plan,.hm-journey){padding-block:var(--brand-space)}
body #main :is(input,textarea,select){font-family:var(--brand-sans);font-size:15px;border-radius:8px}
body #main :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #aa7bc3;outline-offset:4px}
.site-footer h2{font-family:var(--brand-sans)}
.site-footer h2 em{font-family:var(--brand-serif);font-weight:400}
@media(max-width:640px){:root{--brand-body:14px;--brand-h1:clamp(36px,9.5vw,48px);--brand-h2:clamp(28px,7.6vw,36px);--brand-h3:20px;--brand-space:56px}}

/* Common editorial rhythm; chapter navigation keeps long services easy to scan. */
body #main .nt-chapter-nav{margin-top:40px;padding-top:22px;border-top:1px solid #c9a7df38;display:flex;gap:28px;align-items:center}
.nt-chapter-nav>span{font:600 8px/1.5 Inter,sans-serif;letter-spacing:.14em;color:#bda7cb;white-space:nowrap}
.nt-chapter-nav>div{display:flex;gap:12px 28px;flex-wrap:wrap;flex:1}
.nt-chapter-nav a{display:flex;gap:14px;align-items:center;color:#e6d6ef;font:500 11px/1.6 Inter,sans-serif;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.nt-chapter-nav a span{color:#b78bcf}.nt-chapter-nav a:hover{color:#fff;border-bottom-color:#caa8e0}
body #main section[id]{scroll-margin-top:100px}
body #main .nt-service-hero{padding-top:32px;padding-bottom:32px}
body #main .nt-service-hero .breadcrumbs{margin-bottom:32px}
body #main .nt-service-hero :is(.wd-lead,.care-hero-copy>p,.lp-hero-copy>p,.hm-hero-copy>p){max-width:52ch}
body #main :is(.wd-section-head,.sx-head,.care-heading,.hm-heading,.lp-heading,.wx-section-top){margin-bottom:40px}
body #main :is(.wd-final,.care-close,.lp-end,.hm-close) p{max-width:62ch}
body #main .sc-method-grid h2{font-size:22px!important;letter-spacing:-.03em!important}
body #main .sc-diagnostic-art{contain:layout paint}
.nt-auto-toggle{min-height:36px;cursor:pointer}
@media(max-width:640px){body #main .nt-service-hero{padding-top:22px;padding-bottom:28px}body #main .nt-service-hero .breadcrumbs{margin-bottom:28px}body #main .nt-chapter-nav{display:block;margin-top:28px;padding-top:20px}.nt-chapter-nav>div{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:8px}.nt-chapter-nav a{font-size:10px;min-height:42px;justify-content:space-between}body #main :is(.wd-section-head,.sx-head,.care-heading,.hm-heading,.lp-heading,.wx-section-top){margin-bottom:28px}}

body #main #service-fragen{scroll-margin-top:110px}

.nt-motion-idle,.nt-motion-idle *,.nt-motion-idle:before,.nt-motion-idle:after{animation-play-state:paused!important}
/* Automatic motion has no separate pause buttons in the public marketing UI. */
body :is([data-hero-pause],[data-scene-pause],[data-answer-pause],[data-ws-pause],[data-ws-project-pause],[data-ws-process-pause],[data-wd-build-pause],[data-growth-pause],[data-portal-pause],[data-team-pause],[data-sx-mountain-toggle],[data-rs-motion-toggle],#v3-motion-toggle,.nt-auto-toggle,.r-client-toggle,.nt-review-toggle,.sv-industry-pause){display:none!important}
body :is(.scene-controls,.answer-controls){grid-template-columns:repeat(3,minmax(0,1fr))}
/* Review refinements: consistent white surfaces and comfortable form controls. */
body :is([data-motion-toggle],[data-ring-pause],[data-reviews-pause]){display:none!important}
body #main .sc-form #sc-url{display:block;width:100%;min-height:54px;height:54px;padding:0 17px;box-sizing:border-box;background:#fff;color:#261b33;border:1px solid #bbaac8;font-size:16px;line-height:1.4}
body #main .sc-form #sc-url-hint{font-size:12px!important;line-height:1.65!important;margin-top:16px;color:#66566f!important}
body #main .care-message{background:#fff;color:#291a35}
body #main .nt-service-light .wd-feature-grid article{background:#fff}
body #main .nt-service-light .wd-feature-grid article.is-current{background:#f1e9f8}
body #main .nt-service-dark .rx-journey-track article>small{color:#d8bce8}
body #main .nt-service-light .rx-journey-track article>small{color:#734794}
/* Long legal headings and addresses must stay inside narrow screens. */
body #main :is(.article-layout,.article-sidebar,.article-body,.article-section){min-width:0}
body #main .article-body{overflow-wrap:anywhere}
body #main .article-sidebar a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
body #main .legal .article-body p{white-space:pre-line}
@media(max-width:800px){body #main .article-layout{grid-template-columns:minmax(0,1fr)}body #main .article-sidebar>div{min-width:0;max-width:100%;flex-wrap:wrap}}
body #main .topic-sheets>div:nth-child(3){color:#fff}
body #main .topic-network>strong{background:radial-gradient(circle at 30% 20%,#644478,#382046 75%);color:#fff}

@media(min-width:901px){
/* References: give the final invitation a white surround before the violet footer. */
body #main .nt-reference-cta{background:#fff!important;padding:55px 0 100px!important}body #main .nt-reference-cta-panel{background:radial-gradient(ellipse at 75% 25%,#6a438049,transparent 70%),#20132b!important;border:1px solid #88639d66!important;box-shadow:0 22px 55px #24122d15}
body #main .nt-cta-buttons>a:first-child{background:#8a58a8!important;color:#fff!important;border-color:#b48acf!important;box-shadow:none!important}body #main .nt-cta-buttons .nt-cta-whatsapp{background:transparent!important;border:1px solid #a884bd!important;color:#eee0f5!important;box-shadow:none!important}body #main .nt-cta-buttons>a:hover{transform:translateY(-2px);filter:brightness(1.12)}
body #main .nt-project-outro{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:570px;margin:60px auto 25px;text-align:center;color:#665174!important;font-size:15px!important;line-height:1.8!important}body #main .nt-project-outro>a{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:13px 25px!important;background:#80529e!important;color:#fff!important;border:1px solid #9f77b9!important;border-radius:8px;box-shadow:0 7px 18px #4223541c!important;white-space:nowrap;text-decoration:none}
.sv-transfer-track{position:relative!important;min-width:95px!important;height:60px!important;background:none!important;border:0!important}.sv-transfer-track>i{display:none!important}.sv-transfer-arrow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.sv-transfer-arrow .transfer-rail{stroke:#8a679e;stroke-width:2}.sv-transfer-arrow .transfer-arrow-head{stroke:#d8b5ef;stroke-width:3;filter:drop-shadow(0 0 5px #b87ade);animation:sv-arrow-arrive 3s ease-in-out infinite}.sv-transfer-arrow .transfer-pulse{stroke:#e6c9fa;stroke-width:4;stroke-dasharray:18 82;animation:sv-transfer-run 2.4s linear infinite;filter:drop-shadow(0 0 5px #bb7fe0)}
}
@keyframes sv-transfer-run{from{stroke-dashoffset:100}to{stroke-dashoffset:-100}}@keyframes sv-arrow-arrive{50%{transform:translateX(5px)}}@media(prefers-reduced-motion:reduce){.sv-transfer-arrow *{animation:none!important}}