/* Preserve Nordivé's editorial identity; improve reading and keyboard use. */
:root{--muted:#52636d}
html{scroll-padding-top:100px;scrollbar-color:#82918d #f7f7f2}
::selection{background:#cbdad2;color:#142638}
input,textarea{caret-color:#142638}
:focus-visible{outline:2px solid #315570;outline-offset:5px}
.hero-message :focus-visible{outline-color:#fff}
a{text-underline-offset:.22em}
h1,h2,h3{text-wrap:balance}
.product-flow-title{font-size:clamp(36px,4.2vw,58px);max-width:740px;margin:0 0 48px;line-height:1.12}
.product-snippets{padding-top:35px}
.showcase-collection .scene-matter .detail-window{height:430px}
.hero-animation .motion-window{height:230px}
.hero-animation .film-app-row>span,.hero-animation .film-proposal>p{font-size:13px}
.hero-animation .film-app-row small,.hero-animation .film-source-note,.hero-animation .film-matter,.hero-animation .film-matter>span,.hero-animation .film-review,.hero-animation .film-complete>div>small,.hero-animation .film-complete p,.hero-animation .film-complete-note{font-size:11px;color:#52665a}
.hero-animation .film-proposal{margin:23px 0;gap:15px}
.hero-animation .film-matter{flex-wrap:wrap}
.hero-animation .film-review{flex-wrap:wrap;gap:5px 12px}
.hero-animation [data-motion-pause]{min-height:36px;min-width:36px}
.company-details dt,.team-grid article>span{color:#52636d}
.about-principles p,.workflow-grid p{color:#4d6257}
.integration-logos small,.integration-roadmap p>span{font-size:12px;color:#52635c;line-height:1.5}
.phone-availability,.phone-example-heading small,.phone-connections p{color:#4d6257}
.desktop-illustration figcaption,.edge-caption,.snippet-note{font-size:12px;color:#52636d;line-height:1.6}
.form-field label{font-size:14px}
.form-field small,.form-privacy,.form-delivery-note{font-size:13px;line-height:1.65;color:#52636d}
.contact-page .form-delivery-note{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid var(--rule)}
.closing p:not(.eyebrow){color:#4d6257}
.form-field textarea::placeholder,.form-field input::placeholder{color:#5f6d76;opacity:1}
.contact-direct{font-size:14px}
.contact-intro .contact-agenda{display:block}
.contact-agenda p{font-size:15px}
.contact-page .form-status{scroll-margin-top:110px}
.contact-page .form-status a{text-decoration:underline}
.contact-page .contact-success:focus{outline:2px solid #315570;outline-offset:12px}
.contact-page .select-trigger{min-height:48px;font-size:16px}
.contact-page .select-options [role=option]{min-height:44px;padding:12px 14px}
.about-hero-refined+.team{padding-top:38px}
.about-hero-refined+.team .portrait{height:420px}
.about-editorial-refined{margin-top:24px}
.insight-tabs button,.insight-report-head small,.insight-row>div:first-child{font-size:13px;color:#52636d}
.insight-report-head span{font-size:14px}
.insight-source-legend{font-size:13px}
@media(max-width:700px){
 html{scroll-padding-top:90px}
 .product-flow-title{font-size:38px;margin-bottom:28px}
 .product-snippets{padding-top:12px}
 .home-page .hero-message>p:not(.eyebrow){max-width:370px;line-height:1.6}
 .contact-intro .contact-agenda{margin-top:24px}
 .contact-agenda h2{font-size:21px}
 .contact-agenda p{font-size:14px}
 .contact-agenda p:nth-of-type(n+2){display:none}
 .contact-form-panel{padding:26px 20px}
 .about-hero-refined+.team .portrait{height:360px}
 .integration-roadmap p>span{font-size:12px}
 .form-field label{font-size:14px}
 .insight-report{padding:20px 16px}
}
@media(max-width:380px){
 .showcase-collection .scene-matter .detail-window{height:430px}
 .showcase-collection .scene-summary .detail-window{height:465px}
 .showcase-collection .scene-matter{height:610px}
 .showcase-collection .scene-summary{height:655px}
 .product-flow-title{font-size:33px}
 .contact-form-panel{padding:24px 16px}
 .about-hero-refined+.team .portrait{height:300px}
}

/* Compact product excerpts: the complete demonstration fits over the photograph. */
.showcase-collection .snippet-overlay{max-width:420px;inset:auto 18px 25px}
.showcase-collection .snippet-scene{height:470px}
.showcase-collection .detail-window{height:330px;font-size:13px;line-height:1.5}
.showcase-collection .detail-bar{font-size:12px;min-height:34px;padding:5px 8px}
.showcase-collection .detail-bottom{font-size:11px;padding:7px 8px}
.showcase-collection .detail-window small{font-size:12px}
.showcase-collection .detail-window .sn-brand{width:23px;height:23px}
.showcase-collection .demo-capture,.showcase-collection .demo-review,.showcase-collection .demo-match,.showcase-collection .demo-writing,.showcase-collection .demo-summary,.showcase-collection .demo-deadline{padding:16px}
.showcase-collection .demo-title{padding-bottom:11px;gap:8px}
.showcase-collection .demo-title>strong{font-size:15px}
.showcase-collection .demo-title>span{font-size:12px}
.showcase-collection .demo-session{padding:12px 0;gap:9px}
.showcase-collection .demo-session strong,.showcase-collection .demo-session>b{font-size:13px}
.showcase-collection .demo-capture-result{padding-top:12px}
.showcase-collection .demo-capture-result>span,.showcase-collection .demo-capture-result>div{font-size:12px}
.showcase-collection .demo-capture-result b{font-size:20px}
.showcase-collection .demo-footnote{padding-top:12px;font-size:12px;line-height:1.45}
.showcase-collection .demo-field{padding-top:12px}
.showcase-collection .demo-description>p{font-size:14px;line-height:1.5}
.showcase-collection .demo-review-source{padding:12px 0;gap:8px}
.showcase-collection .demo-review-source>span{font-size:12px}
.showcase-collection .demo-review-source>strong{font-size:22px}
.showcase-collection .demo-review-outcome{min-height:38px}
.showcase-collection .demo-review-outcome>span,.showcase-collection .demo-review-outcome>strong{font-size:12px}
.showcase-collection .demo-document{padding:12px 0;gap:9px}
.showcase-collection .demo-match-result{padding:12px;margin-top:4px}
.showcase-collection .demo-match-context{margin-top:10px}
.showcase-collection .demo-match-context p{font-size:13px}
.showcase-collection .demo-written{font-size:16px;min-height:100px;padding:10px 0}
.showcase-collection .demo-original{font-size:13px;line-height:1.6;margin-bottom:14px}
.showcase-collection .demo-summary-result{padding:12px}
.showcase-collection .demo-summary-result ul{font-size:13px}
.showcase-collection .demo-task{gap:12px;padding:14px 0}
.showcase-collection .demo-task>div:last-child>strong{font-size:14px}
.showcase-collection .demo-task-date{width:47px}
.showcase-collection .demo-task-date>strong{font-size:25px}
.showcase-collection .reply-film{padding:16px}
.showcase-collection .reply-incoming h4{font-size:25px}
.showcase-collection .reply-incoming>p,.showcase-collection .reply-draft-lines>p{font-size:13px;line-height:1.5}
.showcase-collection .reply-film-foot{font-size:12px}
.showcase-collection .scene-capture .detail-window,.showcase-collection .scene-matter .detail-window,.showcase-collection .scene-summary .detail-window{height:350px}
.showcase-collection .scene-queue .detail-window{height:330px;min-height:0;background:#F4F1EB}
@media(min-width:1001px){
 .showcase-collection .snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
 .showcase-collection .snippet-feature,.showcase-collection .snippet-feature:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:22px}
 .showcase-collection .snippet-copy{max-width:100%}
 .showcase-collection .snippet-copy h3,.home-page .showcase-collection .snippet-copy h3{font-size:30px;margin-bottom:14px}
 .showcase-collection .snippet-copy>p:last-child{font-size:16px;max-width:48ch}
 .home-page .showcase-collection .snippet-scene,.home-page .mail-feature .snippet-scene{height:470px}
}
@media(max-width:1000px){
 .showcase-collection .snippet-feature,.showcase-collection .snippet-feature:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:22px}
 .showcase-collection .snippet-copy{max-width:580px}
 .showcase-collection .snippet-copy h3{font-size:30px}
}
@media(max-width:380px){
 .showcase-collection .snippet-overlay{left:8px;right:8px;bottom:22px}
 .showcase-collection .snippet-scene{height:495px}
 .showcase-collection .scene-capture .detail-window,.showcase-collection .scene-matter .detail-window,.showcase-collection .scene-summary .detail-window{height:390px}
 .showcase-collection .scene-approve .detail-window,.showcase-collection .scene-deadline .detail-window{height:355px}
}
/* The queue follows KoRunner's real card, action row and next-item hint. */
.queue-focus{height:100%;padding:14px;color:#1a2330}
.queue-focus-head{display:flex;justify-content:space-between;font-size:12px;line-height:20px}
.queue-focus-head>span:first-child{font-weight:500}
.queue-focus-head b{font-weight:500}
.queue-focus-track{height:2px;background:#0e1b3314;margin:10px 0 14px}
.queue-focus-track i{display:block;width:33.33%;height:100%;background:#0e1b33;transition:width .5s}
.queue-focus-stack{position:relative;height:255px}
.queue-focus-stack:before,.queue-focus-stack:after{content:'';position:absolute;bottom:33px;left:9px;right:9px;height:45px;border:1px solid #0e1b3317;border-radius:8px;background:#fff}
.queue-focus-stack:before{bottom:28px;left:18px;right:18px;opacity:.55}
.queue-focus-card{position:absolute;inset:0;z-index:1;isolation:isolate;opacity:0;transform:translateX(25px);transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.queue-focus-card:before{content:'';position:absolute;inset:0 0 40px;background:white;border:1px solid #0e1b3314;border-radius:8px;box-shadow:0 12px 26px -20px #0e1b3338;z-index:-1}
.queue-focus-meta{display:flex;align-items:center;gap:8px;padding:13px 14px 0}
.queue-focus-meta>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#eef1f6;padding:3px 5px;border-radius:4px}
.showcase-collection .queue-focus-meta small{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.showcase-collection .queue-focus-card h4{font-size:17px;line-height:1.25;font-weight:500;margin:10px 14px;color:#0e1b33}
.queue-focus-email{padding:0 14px}
.queue-focus-email strong{font-size:12px}
.showcase-collection .queue-focus-email p{font-size:12px;line-height:1.5;margin:4px 0 8px;color:#526074}
.queue-focus-state{display:block;margin:0 14px;font-size:11px;color:#526074}
.queue-focus-actions{position:absolute;bottom:40px;left:14px;right:14px;height:49px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #0e1b3312;font-size:11px}
.queue-focus-primary{background:#0e1b33;color:white;padding:7px 9px;border-radius:4px;transition:background .25s}
.queue-focus-skip{padding:7px 4px;transition:background .25s}
.queue-focus-next{position:absolute;bottom:0;left:9px;right:9px;display:flex;align-items:center;gap:8px;font-size:11px;color:#526074}
.queue-focus-next>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.showcase-collection .queue-focus-next small{font-size:10px}
.queue-focus-next>b{margin-left:auto;font-size:16px;font-weight:400}
[data-detail="queue"][data-phase="0"] [data-queue-card="0"],[data-detail="queue"][data-phase="1"] [data-queue-card="0"],[data-detail="queue"][data-phase="2"] [data-queue-card="1"],[data-detail="queue"][data-phase="3"] [data-queue-card="2"]{opacity:1;transform:none}
[data-detail="queue"][data-phase="1"] [data-queue-card="0"] .queue-focus-primary{background:#3f7a52}
[data-detail="queue"][data-phase="2"] [data-queue-card="1"] .queue-focus-skip{animation:queue-skip-feedback 4.3s both}
@keyframes queue-skip-feedback{0%,65%{background:transparent;color:#526074}78%,100%{background:#e8e5df;color:#0e1b33}}
[data-detail="queue"][data-phase="2"] [data-queue-card="0"],[data-detail="queue"][data-phase="3"] [data-queue-card="0"],[data-detail="queue"][data-phase="3"] [data-queue-card="1"]{transform:translateX(-35px)}
[data-detail="queue"][data-phase="2"] .queue-focus-track i{width:66.66%}
[data-detail="queue"][data-phase="3"] .queue-focus-track i{width:100%}
@media(max-width:380px){
 .showcase-collection .scene-queue .detail-window{height:350px}
 .queue-focus-stack{height:275px}
 .showcase-collection .queue-focus-card h4{font-size:16px}
}

/* Six sources and integrations, balanced at desktop and mobile sizes. */
.integration-logos{gap:clamp(20px,3vw,48px)}
.integration-logos>div>img[src$="domstol.svg"]{width:120px;height:58px}
@media(min-width:701px) and (max-width:1100px){
 .integration-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media(max-width:700px){
 .integration-strip{padding:26px 6% 24px}
 .integration-strip>p{font-size:12px;line-height:1.5;margin:0 0 16px;text-align:left}
 .integration-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;max-width:420px}
 .integration-logos>div{min-width:0;min-height:87px;justify-content:center;gap:10px;padding:15px 8px;border-bottom:1px solid var(--rule)}
 .integration-logos>div:nth-child(odd){border-right:1px solid var(--rule)}
 .integration-logos>div>img,.integration-logos>div:nth-child(3)>img,.integration-logos>div:last-child>img{width:122px;max-width:100%;height:26px;object-fit:contain}
 .integration-logos>div:first-child>img{width:110px;height:24px}
 .integration-logos>div>img[src$="domstol.svg"]{width:105px;height:38px}
 .integration-poweroffice{font-size:16px;gap:5px;white-space:nowrap}
 .integration-poweroffice>img{width:24px;height:24px}
 .integration-logos small{font-size:11px;line-height:1.4;white-space:normal;text-align:center}
 .integration-roadmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0;margin:20px auto 0;padding:0;max-width:420px}
 .integration-roadmap p{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;min-width:0;text-align:center}
 .integration-roadmap .roadmap-logo.android-logo,.integration-roadmap .roadmap-logo.phonero-logo{width:96px;max-width:100%;height:24px;object-fit:contain}
 .integration-roadmap p>span{font-size:11px;line-height:1.5;max-width:130px}
}

/* Nordwatch: one interactive comparison, grounded in illustrative source text. */
.nordwatch{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:40px 7%;border-block:1px solid var(--rule);align-items:center}
.nw-story h2{font-size:clamp(38px,3.7vw,56px);line-height:1.08}
.nw-story>p{max-width:37ch;font-size:17px;color:var(--muted)}
.nw-story .nw-pilot{font-size:12px;margin:24px 0;color:var(--ink)}
.nw-story .nw-story-secondary{font-size:15px}
.nw-story .text-link{font-size:13px}
.nw-demo{background:#fff;border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.nw-demo [hidden]{display:none!important}
.nw-demo-top,.nw-switch-row,.nw-evidence,.nw-result{padding:20px 28px}
.nw-demo-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--rule);font-size:13px}
.nw-demo-label{font-size:11px;color:var(--muted);white-space:nowrap}
.nw-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:24px}
.nw-switch-row>div{display:flex;flex-direction:column;gap:2px}
.nw-switch-row strong{font-size:15px;font-weight:500}.nw-switch-row>div>span{font-size:12px;color:var(--muted)}
.nw-switch{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:94px;padding:5px;background:transparent;border:0;color:var(--muted);font-size:13px}
.nw-switch:hover{color:var(--navy)}
.nw-switch-track{display:block;width:46px;height:27px;background:#d7ddd9;border-radius:20px;padding:3px;transition:background .25s}
.nw-switch-track i{display:block;width:21px;height:21px;border-radius:50%;background:white;box-shadow:0 1px 3px #14263826;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.nw-switch[aria-checked="true"] .nw-switch-track{background:var(--navy)}
.nw-switch[aria-checked="true"] .nw-switch-track i{transform:translateX(19px)}
.nw-evidence{padding-top:0;min-height:185px}
.nw-evidence-heading,.nw-result-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:12px}
.nw-evidence-heading>span:last-child,.nw-result-heading>span:last-child{text-align:right}
.nw-sources-off{min-height:134px;border-top:1px solid var(--rule);display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 0}
.nw-sources-off>div{display:flex;align-items:center;gap:9px;font-size:14px}
.nw-sources-off img,.nw-browser-icon{width:24px;height:24px;object-fit:contain}
.nw-sources-off p{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}
.nw-source{border-color:var(--rule)}
.nw-source summary{padding:13px 0;gap:12px;font-size:13px}
.nw-source summary>img{width:26px;height:26px;object-fit:contain;flex:none}
.nw-source summary>img.nw-lovdata{width:56px;height:21px}
.nw-source summary>span:not(.nw-expand){flex:1;min-width:0;font-size:13px;transform:none!important}
.nw-source strong{display:block;font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.nw-source small{display:block;font-size:11px;color:var(--muted);line-height:1.6}
.nw-source .nw-expand{font-size:18px}
.nw-source>p{font-size:12px;line-height:1.65;margin:0 0 15px}
.nw-result{background:#f2f4f0;border-top:1px solid var(--rule);padding-block:22px 18px}
.nw-result-text{min-height:72px;display:flex;align-items:flex-start}
.nw-result-text p{font-size:clamp(18px,1.6vw,22px);line-height:1.5;letter-spacing:-.015em;margin:4px 0 18px;max-width:43ch}
.nw-result-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding-top:14px;border-top:1px solid var(--rule)}
.nw-review-mark{font-size:18px}
.nw-demo-note{font-size:11px;line-height:1.6;color:var(--muted);padding:14px 28px;margin:0;border-top:1px solid var(--rule)}
.nw-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;border-top:1px solid var(--rule);padding-top:20px;color:var(--muted);font-size:12px}
.nw-bottom>span{max-width:46ch;padding-top:8px}
.nw-mask-disclosure{border:0}.nw-mask-disclosure summary{padding:6px 0;font-size:12px;justify-content:space-between}
.nw-mask-disclosure>div{padding-top:16px}.nw-mask-disclosure p{font-size:12px;margin-bottom:16px;line-height:1.7}
.nw-mask-example{line-height:2.4!important}.nw-mask-example strong{background:var(--navy);color:#fff;font-size:11px;font-weight:400;padding:4px 8px;border-radius:3px}.nw-mask-example span{margin:0 8px}
.nw-ai-options{font-size:15px;line-height:1.7;color:var(--muted);padding:0 18px 12px 0}.nw-ai-options strong{font-weight:500;color:var(--ink)}
[data-state="collecting"] .nw-source,[data-state="on"] .nw-source{animation:nw-reveal .6s cubic-bezier(.16,1,.3,1) both}
[data-state="collecting"] .nw-source:nth-child(2),[data-state="on"] .nw-source:nth-child(2){animation-delay:.16s}
[data-state="on"] .nw-result-text p{animation:nw-reveal .55s cubic-bezier(.16,1,.3,1) both}
@keyframes nw-reveal{from{opacity:.2;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:900px){.nordwatch{grid-template-columns:1fr;gap:28px}.nw-story{max-width:620px}.nw-story>p{max-width:58ch}.nw-story h2{font-size:46px}.nw-demo{width:100%;max-width:740px}.nw-bottom{max-width:740px}}
@media(max-width:600px){
 .nordwatch{padding-block:56px}.nw-story h2{font-size:40px}.nw-story>p{font-size:16px}.nw-story .nw-pilot{margin:18px 0}.nw-story .nw-story-secondary{font-size:14px}
 .nw-demo-top,.nw-switch-row,.nw-evidence,.nw-result{padding-left:18px;padding-right:18px}.nw-demo-top{flex-direction:column;align-items:flex-start;gap:3px;padding-block:14px}
 .nw-switch-row{gap:8px}.nw-switch{min-width:79px;gap:6px}.nw-switch-row>div>span{max-width:22ch}
 .nw-evidence-heading,.nw-result-heading{font-size:10px}.nw-result-text{min-height:105px}.nw-result-text p{font-size:18px}
 .nw-demo-note{padding:14px 18px}.nw-bottom{grid-template-columns:1fr;gap:12px}.nw-bottom>span{padding-top:0}.nw-source summary{gap:9px}.nw-source strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.nw-demo *{animation:none!important;transition:none!important}}
/* Keep the baseline metadata visible; reveal only what screen memory adds. */
.nw-autoplay{font:inherit;font-size:11px;color:var(--muted);background:none;border:0;padding:8px;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.nw-source-line{border-top:1px solid var(--rule);padding:12px 0}
.nw-source-meta{display:flex;align-items:center;gap:12px}
.nw-source-meta img{width:26px;height:26px;object-fit:contain;flex:none}
.nw-source-meta img.nw-lovdata{width:56px;height:21px}
.nw-source-meta strong{display:block;font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.nw-source-meta small{display:block;font-size:11px;line-height:1.7;color:var(--muted)}
.nw-excerpt{min-height:52px;padding-top:6px;opacity:0;transform:translateY(5px);visibility:hidden;transition:opacity .55s,transform .55s,visibility .55s}
.nw-excerpt>span{font-size:10px;color:var(--muted)}
.nw-excerpt p{font-size:12px;line-height:1.65;margin:3px 0 0;color:var(--ink);max-width:62ch}
.nw-excerpt[aria-hidden="false"]{opacity:1;transform:none;visibility:visible}
.nw-citation{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.nw-result{position:relative;min-height:210px}.nw-result-footer{margin-top:8px}
.nw-demo-top .nw-autoplay{flex:none}
@media(max-width:600px){.nw-demo-top{flex-direction:row;align-items:center}.nw-excerpt{min-height:70px}.nw-source-meta strong{font-size:12px}.nw-result{min-height:245px}}
.nw-evidence{position:relative}
.nw-memory-prompt{position:absolute;inset:45px 28px 20px;display:flex;flex-direction:column;justify-content:center;color:var(--muted);border-top:1px solid var(--rule)}
.nw-memory-prompt p{font-size:18px;line-height:1.6;margin:0 0 12px}
.nw-memory-prompt>span{font-size:12px}
.nw-source-list{transition:opacity .45s,visibility .45s}
.nw-source-list[aria-hidden="true"]{opacity:0;visibility:hidden}
.nw-memory-prompt[aria-hidden="true"]{opacity:0;visibility:hidden}
[data-nw-phase="0"] .nw-result-text p,[data-nw-phase="1"] .nw-result-text p,[data-nw-phase="2"] .nw-result-text p{color:var(--muted);font-size:16px;font-style:italic}
@media(max-width:600px){.nw-memory-prompt{left:18px;right:18px}.nw-switch-row strong{font-size:14px}}

/* Shorter context story; preserve readable type rather than scale the whole demo. */
.nw-demo-top{padding-block:12px}.nw-switch-row{padding-block:16px}
.nw-source-line{padding-block:10px}.nw-evidence{padding-bottom:12px}
.nw-result{padding-top:16px;padding-bottom:14px}
.nw-story h2{font-size:clamp(38px,3.5vw,52px)}
/* The complete demo should read as one compact visual, not a second page. */
.nordwatch{padding-top:60px;padding-bottom:60px;gap:24px 6%}
@media(min-width:901px){
 .nordwatch{grid-template-columns:minmax(0,1.28fr) minmax(240px,.72fr)}
 .nordwatch .nw-demo{grid-column:1;grid-row:1}
 .nordwatch .nw-story{grid-column:2;grid-row:1}
}
.nw-demo-top{padding:12px 20px;font-size:12px;flex-direction:row;align-items:center}
.nw-demo-label{font-size:10px}
.nw-switch-row{padding:12px 20px}.nw-switch-row>div>span{font-size:11px}
.nw-evidence{padding:0 20px 10px;min-height:0}
.nw-evidence-heading{margin-bottom:8px}
.nw-source-line{padding:8px 0}.nw-source-meta small{font-size:10px}
.nw-excerpt{min-height:45px;padding-top:4px}.nw-excerpt>span{display:none}
.nw-excerpt p{font-size:12px;line-height:1.5;margin:2px 0 0}
.nw-result{padding:12px 20px;min-height:176px;display:flex;flex-direction:column}
.nw-result-heading{margin-bottom:6px}.nw-result-text{min-height:0}
.nw-result-text p{font-size:18px;line-height:1.45;margin:4px 0 10px}
.nw-result-footer{margin-top:auto;padding-top:8px}
.nw-citation{font-size:10px;margin-bottom:8px}
.nw-demo-note{font-size:10px;padding:10px 20px}
.nw-bottom{padding-top:12px}.nw-memory-prompt{inset:32px 20px 12px}
@media(max-width:600px){
 .nordwatch{padding-block:40px;gap:22px}
 .nw-demo-top,.nw-switch-row,.nw-result{padding-left:14px;padding-right:14px}
 .nw-demo-top{gap:8px;font-size:11px}.nw-demo-label{max-width:70px;white-space:normal;text-align:right}
 .nw-evidence{padding-left:14px;padding-right:14px}
 .nw-switch-row>div>span{max-width:25ch;font-size:10px}
 .nw-source-meta{gap:8px}.nw-source-meta strong{font-size:11px}.nw-source-meta img.nw-lovdata{width:46px}
 .nw-excerpt{min-height:54px}.nw-excerpt p{font-size:11px}
 .nw-result{min-height:203px}.nw-result-text p{font-size:16px}
 .nw-demo-note{padding:9px 14px}.nw-memory-prompt{left:14px;right:14px}
 .nw-memory-prompt p{font-size:16px}.nw-story h2{font-size:38px}
}

/* One short context change, followed by its supporting sources. */
.nw-context{display:grid;grid-template-columns:1fr .85fr 1fr;gap:10px;margin:0 20px 14px}
.nw-context-step{position:relative;min-width:0;padding:10px 0;border-top:2px solid var(--rule);opacity:.35;transition:opacity .4s,border-color .4s}
.nw-context-step small,.nw-context-step strong,.nw-context-step span{display:block}
.nw-context-step small{font-size:10px;color:var(--muted)}
.nw-context-step strong{font-size:12px;font-weight:500;line-height:1.4;margin:5px 0}
.nw-context-step span{font-size:10px;color:var(--muted);line-height:1.4}
.nw-context-step.is-reached{opacity:1;border-color:var(--navy)}
.nw-context-interruption.is-reached{border-color:#aab0b4;opacity:.65}
.nw-context-step.is-current:before{content:'';position:absolute;top:-4px;left:0;width:6px;height:6px;border-radius:50%;background:var(--navy)}
.nw-context-interruption.is-current:before{background:#aab0b4}
.nw-demo .nw-excerpt{min-height:0;padding-top:3px}
.nw-demo .nw-source-line{padding-block:7px}
.nw-demo .nw-result{min-height:159px}
[data-nw-phase="3"] .nw-result-text p{color:var(--muted);font-size:16px;font-style:italic}
@media(max-width:600px){
 .nw-context{margin:0 14px 10px;gap:8px}
 .nw-context-step strong{font-size:10px}.nw-context-step small,.nw-context-step span{font-size:9px}
 .nw-demo .nw-result{min-height:184px}
 .nw-demo .nw-excerpt p{font-size:10px}
}
.nw-source-line{transition:opacity .4s}
[data-nw-phase="1"] .nw-source-line:nth-child(2),[data-nw-phase="2"] .nw-source-line:nth-child(2){opacity:0;visibility:hidden}

/* A quiet, full-width product film beneath the hero. */
.product-film{padding-top:40px;padding-bottom:24px}
.product-film>.eyebrow{max-width:1040px;margin:0 auto 16px}
.product-film-player{position:relative;max-width:1040px;margin:auto;overflow:hidden;border:1px solid var(--rule);border-radius:10px;background:#142638;box-shadow:0 12px 36px #1426380d}
.product-film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
@media(max-width:600px){
 .product-film{padding-top:28px;padding-bottom:12px}
 .product-film>.eyebrow{margin-bottom:12px}
 .product-film-player{border-radius:6px}
}

.product-film-player{background:#f4f5f2}
.product-film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.product-film-player video{position:relative;opacity:0}
.product-film-player.has-video-frame video{opacity:1}
.product-film-player.has-video-frame .product-film-poster{visibility:hidden}


.product-film-player video{pointer-events:none}

/* One introduction, then the people; retain the full square portraits. */
.about-hero-refined{padding-top:52px;padding-bottom:24px;align-items:start}
.about-hero-refined h1{font-size:clamp(44px,4.5vw,66px);margin-bottom:0}
.about-hero-refined+.team{padding-top:24px;padding-bottom:52px}
.about-hero-refined+.team .team-grid{max-width:940px;margin-inline:auto;gap:48px}
.about-hero-refined+.team .portrait{height:auto;aspect-ratio:1/1}
.about-hero-refined+.team .portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.about-hero-refined+.team .person-heading h3{font-size:24px}
@media(max-width:700px){
 .about-hero-refined{padding-top:34px;padding-bottom:16px}
 .about-hero-refined h1{font-size:46px}
 .about-hero-refined+.team{padding-top:16px;padding-bottom:36px}
 .about-hero-refined+.team .team-grid{gap:32px}
 .about-hero-refined+.team .person-heading h3{font-size:22px}
}

/* Comparison: a single heading, generous imagery, concise explanations below. */
.comparison-film.section{max-width:none;padding:64px clamp(20px,3.2vw,64px) 56px;border-bottom:1px solid var(--rule)}
.comparison-film>h2{text-align:center;font-size:clamp(32px,3.5vw,52px);line-height:1.12;margin:0 0 36px;scroll-margin-top:110px}
/* An editorial opening: one title, a generous photograph, then the team. */
.about-opening{padding-top:54px;padding-bottom:36px}
.about-opening h1{font-size:clamp(52px,5.6vw,80px);line-height:1.05;margin:0 0 24px}
.about-opening>p:last-child{max-width:560px;font-size:18px;line-height:1.7;color:var(--muted);margin:0}
.about-opening+.about-editorial-refined{height:clamp(360px,43vw,600px);margin-top:0}
.about-origin{max-width:880px;padding-top:48px;padding-bottom:48px}
.about-origin p{font-size:18px;line-height:1.8;color:var(--muted)}
.about-origin+.team{padding-top:40px;border-top:1px solid var(--rule)}
.about-origin+.team .team-intro{max-width:940px;margin:0 auto 32px}
.about-origin+.team h2{font-size:clamp(34px,3.3vw,48px);line-height:1.1}
.about-origin+.team .team-grid{max-width:940px;margin-inline:auto;gap:48px}
.about-origin+.team .portrait{height:auto;aspect-ratio:1/1}
.about-origin+.team .portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
@media(max-width:700px){
 .about-opening{padding-top:34px;padding-bottom:28px}
 .about-opening h1{font-size:50px}.about-opening>p:last-child{font-size:16px}
 .about-opening+.about-editorial-refined{height:300px}
 .about-origin{padding-top:30px;padding-bottom:24px}.about-origin p{font-size:16px}
 .about-origin+.team{padding-top:30px}.about-origin+.team .team-grid{gap:32px}
}

/* Compact phone integration: details next to the illustration, not below it. */
.phone-preview{grid-template-columns:1fr 1fr;gap:18px 7%;padding-top:40px;padding-bottom:40px;align-items:start}
.phone-preview-content{display:contents}
.phone-intro{grid-column:1;grid-row:1}
.phone-availability{font-size:11px;padding:4px 10px;margin-bottom:14px}
.phone-intro h2{font-size:clamp(32px,3.2vw,44px);line-height:1.1;margin-bottom:14px;max-width:15ch}
.phone-intro>p{font-size:15px;line-height:1.65;margin-bottom:0}
.phone-preview .phone-connections{grid-column:1;grid-row:2;margin:0;max-width:none}
.phone-connections article{padding:12px 0;gap:14px;grid-template-columns:78px 1fr}
.phone-preview .phone-example{grid-column:2;grid-row:1/3;align-self:center;width:100%;max-width:400px;padding:18px;margin:0 auto}
.phone-example-heading{padding-bottom:12px}
.phone-call{padding-top:14px}.phone-connector{height:16px;margin-block:6px}
.phone-proposal{padding:12px}.phone-proposal>p{margin-top:8px}
.phone-review-label{margin-top:10px;padding-top:8px}
@media(max-width:700px){
 .phone-preview{grid-template-columns:1fr;gap:20px;padding-block:30px}
 .phone-intro,.phone-preview .phone-example,.phone-preview .phone-connections{grid-column:1;grid-row:auto}
 .phone-intro h2{font-size:34px;max-width:none}
 .phone-preview .phone-example{max-width:none;padding:16px}
 .phone-connections article:last-child{border-bottom:0}
}

/* About starts with the photograph. No title stack before the team. */
.about-cover{display:block;width:100%;max-width:none;height:clamp(360px,46vw,650px);margin:0;border-radius:0}
.about-cover>img{object-position:center 47%}
.about-introduction{max-width:900px;padding-top:48px;padding-bottom:12px}
.about-introduction h1{font-size:clamp(36px,3.6vw,52px);line-height:1.12;margin:0 0 24px}
.about-introduction p{font-size:17px;line-height:1.75;color:var(--muted);max-width:66ch}
.about-introduction+.team{padding-top:24px;padding-bottom:60px}
.about-introduction+.team .team-grid{max-width:940px;margin:auto;gap:48px}
.about-introduction+.team .portrait{height:auto;aspect-ratio:1/1}
.about-introduction+.team .portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
@media(max-width:700px){
 .about-cover{height:340px;width:100%;margin:0}
 .about-introduction{padding-top:30px;padding-bottom:8px}
 .about-introduction h1{font-size:36px}
 .about-introduction p{font-size:16px}
 .about-introduction+.team{padding-top:16px;padding-bottom:36px}
 .about-introduction+.team .team-grid{gap:32px}
}

/* About: an integrated photographic introduction and a restrained team story. */
.about-masthead{position:relative;isolation:isolate;min-height:480px;display:flex;align-items:center;color:white;overflow:hidden}
.about-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}
.about-masthead:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1823bd 0%,#0a182362 55%,#0a182326 100%);z-index:-1}
.about-masthead>div{padding:56px 7%;width:100%;max-width:1440px;margin:auto}
.about-masthead h1{font-size:clamp(52px,5.5vw,78px);line-height:1.02;color:#fff;margin:22px 0;letter-spacing:-.025em}
.about-masthead p{font-size:16px;line-height:1.65;margin:0;color:#fff}
.about-masthead p:first-child{font-size:13px}
.about-people{padding-top:56px;padding-bottom:60px}
.about-people-intro,.about-people .team-grid{max-width:960px;margin-inline:auto}
.about-people-intro{margin-bottom:32px}
.about-people-intro h2{font:500 24px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 12px}
.about-people-intro p{font-size:16px;line-height:1.7;color:var(--muted);max-width:620px;margin:0}
.about-people .team-grid{gap:48px}
.about-people .portrait{height:auto;aspect-ratio:1/1}
.about-people .portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:none;object-position:center}
.about-people .person-heading{margin-top:20px}.about-people .person-heading h3{font-size:23px}
.about-people .team-grid article>p{font-size:15px;line-height:1.7;margin:0}
.about-people .team-grid article>span{margin-bottom:12px;font-size:13px}
.about-background{border-block:1px solid var(--rule);padding-block:48px;max-width:1100px}
.about-background h2{font-size:36px;margin:0 0 24px}
.about-background>div{max-width:760px}
.about-background p{font-size:16px;line-height:1.8;color:var(--muted)}
.about-background .text-link{font-size:14px}
.about-company{padding-block:48px}.about-company h2{font-size:36px}
@media(max-width:700px){
 .about-masthead{min-height:390px}.about-masthead>div{padding:40px 6%}
 .about-masthead h1{font-size:49px}.about-masthead p{font-size:15px}
 .about-masthead>img{object-position:40% center}
 .about-people{padding-block:34px}.about-people-intro h2{font-size:22px}
 .about-people .team-grid{gap:36px}.about-people .person-heading h3{font-size:22px}
 .about-background{padding-block:32px}.about-background h2{font-size:32px}
 .about-company{padding-block:32px}
}

.workday-compare{max-width:1160px;margin:auto}
.compare-images{position:relative;aspect-ratio:auto;overflow:hidden;border:clamp(8px,1.5vw,20px) solid #eeeee9;border-radius:12px;background:#faf8f4;outline:1px solid var(--rule)}
.compare-images:before{content:"";display:block;padding-top:56.25%}
.compare-images>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:3px;transform:translateX(-50%);background:#2952d9;pointer-events:none}
.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;white-space:pre;width:48px;height:48px;border-radius:50%;background:#2952d9;color:#fff;border:0;font:24px var(--sans);box-shadow:0 3px 12px #14263830}
.compare-range{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;appearance:none;touch-action:pan-y}
.compare-range::-webkit-slider-thumb{appearance:none;width:0;height:48px}
.compare-range::-moz-range-thumb{width:0;height:48px;border:0}
.compare-images:focus-within{outline:3px solid var(--navy);outline-offset:5px}
.compare-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px}
.compare-caption small{font-size:11px;color:var(--muted)}
@media(max-width:600px){.compare-divider>span{width:38px;height:38px;font-size:20px}.compare-caption{font-size:11px;gap:6px}.compare-caption small{font-size:9px}}

.compare-label{position:absolute;top:24px;padding:11px 18px;background:var(--navy);color:#fff;border-radius:6px;font-size:14px;line-height:1.2;pointer-events:none}
.compare-label-before{left:24px}
.compare-label-after{right:24px}
.workday-compare[data-edge="after"] .compare-label-before,.workday-compare[data-edge="before"] .compare-label-after{opacity:0}
.compare-notes{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:none;margin:0 auto;padding-top:28px}
.compare-notes>div{padding:0 32px}
.compare-notes>div+div{border-left:1px solid var(--rule)}
.compare-notes h3{font:500 18px/1.35 var(--sans);margin:0 0 8px;letter-spacing:-.015em}
.compare-notes p{max-width:42ch}
.compare-notes p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.compare-notes strong{display:block;margin-bottom:4px;color:var(--ink);font-weight:500;font-size:16px}
.compare-hint{text-align:center;color:var(--muted);font-size:11px;margin:22px 0 0}
@media(max-width:600px){
.comparison-film.section{padding-top:40px;padding-bottom:36px}
.comparison-film>h2{margin-bottom:24px;font-size:34px}
.compare-label{top:10px;padding:7px 10px;font-size:10px;border-radius:4px}
.compare-label-before{left:10px}.compare-label-after{right:10px}
.compare-notes{gap:0;margin-top:0;padding-top:20px}.compare-notes>div{padding:0 12px}.compare-notes h3{font-size:14px;line-height:1.4;margin-bottom:7px}
.compare-notes p{font-size:12px;line-height:1.5}.compare-notes strong{font-size:14px;line-height:1.35;margin-bottom:7px}
.compare-hint{font-size:10px;margin-top:18px}
}

/* Language choice stays visible beside the menu on small screens. */
.site-header .brand{order:1}
.site-header nav{order:2;gap:20px}
.site-header .language-switch{order:3;display:flex;align-items:center;gap:3px;flex:none;font-size:12px;line-height:1}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:44px;color:inherit;text-decoration:none;opacity:.65}
.language-switch a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.language-switch a:hover{opacity:1}
.language-switch>span{opacity:.4}
.site-header .menu-toggle{order:4;flex:none}
.site-header .login{margin-left:8px}
.document-language{font-size:.8em;font-weight:400;margin-left:.3em}
@media(min-width:1001px) and (max-width:1200px){.site-header{padding-inline:3%;gap:14px}.site-header nav{gap:12px}.site-header nav>a:not(.button){font-size:12px}.site-header .brand{font-size:26px}.site-header .button{gap:8px;padding-inline:10px}}
@media(max-width:1000px){.site-header{gap:12px}.site-header .language-switch{margin-left:auto}.site-header nav{order:5}.site-header .login{margin-left:0}}
@media(max-width:380px){.site-header{gap:6px}.site-header .brand{font-size:26px;gap:7px}.site-header .brand img{width:25px;height:25px}.language-switch a{min-width:30px}}

html[lang="en"] .hero-message p br{display:none}