/* Commercial redesign. Layout baseline: 12ui candidate D and branched page, 25 Oct 2026.
   Product captures replace every generated mock UI. Schibsted and Liravo identity retained. */
:root{--nr-ink:#101b32;--nr-muted:#485971;--nr-blue:#315e9a;--nr-canvas:#f5f7fa;--nr-paper:#fff;--nr-line:#dde6ef;--nr-soft:#eaf1fa;--nr-success:#176846}
:root[data-theme=dark]{--nr-ink:#edf3fb;--nr-muted:#b5c5d9;--nr-blue:#9ac5ff;--nr-canvas:#111c2b;--nr-paper:#172437;--nr-line:#3a506b;--nr-soft:#213953;--nr-success:#8cddbc}
.nr-wrap{width:min(1360px,100%);padding:72px 40px;margin-inline:auto;color:var(--nr-ink)}
.nr-wrap h1,.nr-wrap h2,.nr-wrap h3,.nr-wrap h4{font-weight:600;text-wrap:balance;letter-spacing:-.025em}
.nr-wrap h1{font-size:clamp(36px,3.4vw,52px);line-height:1.1;margin:0 0 24px}
.nr-wrap h2{font-size:clamp(28px,2.7vw,40px);line-height:1.16;margin:0 0 24px}
.nr-wrap h3{font-size:20px;line-height:1.3;margin:0 0 12px}
.nr-wrap h4{font-size:24px;line-height:1.3;margin:0 0 10px}
.nr-wrap p{color:var(--nr-muted);font-size:16px;line-height:1.7;max-width:72ch}
.nr-wrap svg{width:23px;height:23px;flex-shrink:0}
.nr-wrap small{display:block;color:var(--nr-muted);font-size:12px;line-height:1.6}
.nr-wrap .button{background:#315e9a;color:#fff;border-color:#315e9a;min-height:48px;gap:14px}
.nr-wrap .button:hover{background:#244a7d}
.nr-wrap .text-link{color:var(--nr-blue);line-height:1.5;min-height:44px;gap:10px}
.nr-wrap .actions{gap:22px;flex-wrap:wrap;margin:26px 0 16px}
.nr-position{display:block;color:var(--nr-blue);font-size:14px;font-weight:600;margin:0 0 16px}
.home-intro-band{background:var(--nr-paper);overflow:clip}
.nr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:center;gap:48px;min-height:620px;padding-block:64px}
.nr-hero-copy{min-width:0}
.nr-hero-copy>p{font-size:17px}
.nr-capture{margin:0;min-width:0;background:var(--nr-paper);color:var(--nr-ink)}
.nr-capture picture{display:block;overflow:hidden;border-radius:12px;box-shadow:0 16px 42px -18px #223a5a45}
.nr-capture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top left;background:#f7f9fc}
.nr-capture figcaption{padding:16px 2px 0;font-size:13px;line-height:1.6;font-weight:600}
.nr-capture figcaption span{display:block;font-size:11px;font-weight:400;color:var(--nr-muted)}
.nr-hero-capture{position:relative}
.nr-hero-capture:before{content:"";position:absolute;inset:-24px;z-index:0;background:var(--nr-soft);border-radius:24px}
.nr-hero-capture>*{position:relative}
.nr-hero-capture figcaption{padding-left:14px}
.nr-why{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--nr-line)}
.nr-why h2{max-width:19ch}
.nr-why p:first-child{margin-top:0}
.nr-chain{padding-top:40px;padding-bottom:52px}
.nr-chain>h2{text-align:center;max-width:28ch;margin:0 auto 40px}
.nr-chain ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.nr-chain li{position:relative;padding:0 10px}
.nr-step-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--nr-soft);color:var(--nr-blue);margin-bottom:18px}
.nr-chain li small{font-size:12px;margin-bottom:5px}
.nr-chain li h3{font-size:19px}
.nr-chain li p{font-size:14px;margin:0}
.nr-chain li:not(:last-child):after{content:"";position:absolute;top:24px;left:76px;right:-8px;height:1px;background:var(--nr-line)}
.nr-note{font-size:13px!important;text-align:center;max-width:none!important;margin:32px 0 0}
.nr-section-heading{max-width:700px;margin-bottom:44px}
.nr-module-list{border-top:1px solid var(--nr-line)}
.nr-module-row{display:grid;grid-template-columns:minmax(175px,.75fr) minmax(0,2fr) minmax(140px,.65fr);gap:32px;padding:30px 0;border-bottom:1px solid var(--nr-line);align-items:start;scroll-margin-top:160px}
.nr-module-name{display:flex;gap:15px;align-items:center}
.nr-module-name svg{color:var(--nr-blue)}
.nr-module-name h3{font-size:16px;margin:0}
.nr-module-row h4{font-size:21px}
.nr-module-row p{font-size:14px;margin:0}
.nr-module-row>.text-link{font-size:13px;justify-self:end;align-self:center}
.nr-product-band{background:var(--nr-canvas)}
.nr-product-pair{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:center}
.nr-product-pair h2{max-width:20ch}
.nr-audience{text-align:center;padding-block:56px}
.nr-audience p{margin:0 auto 12px;line-height:2}
.nr-audience h2{font-size:30px}
.nr-tools{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;align-items:start;border-top:1px solid var(--nr-line)}
.nr-tools h2{max-width:15ch}
.nr-tools article{min-width:0}
.nr-tools article p{font-size:15px}
.nr-tool-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--nr-soft);color:var(--nr-blue);margin-bottom:24px}
.nr-tool-mint{background:#e3f4ed;color:#176846}
.nr-trust{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;align-items:center;background:var(--nr-canvas);border-radius:16px}
.nr-trust h2{font-size:30px;max-width:20ch}
.nr-trust p{font-size:14px;margin:0}
.nr-trust>.text-link{justify-self:center}
.nr-close{display:grid;grid-template-columns:1.3fr .9fr;gap:80px;align-items:center;padding-block:84px}
.nr-close>div:last-child{justify-self:end}
.nr-close small{margin-top:12px}
.nr-close p{margin:0}
.nr-module-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;padding-block:72px}
.nr-module-hero .button{margin-top:16px}
.nr-module-journey{border-top:1px solid var(--nr-line);padding-block:48px}
.nr-module-journey ol{counter-reset:journey;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:32px 0 0;gap:24px}
.nr-module-journey li{counter-increment:journey;position:relative;font-size:15px;line-height:1.5}
.nr-module-journey li:before{content:counter(journey);display:block;width:32px;height:32px;text-align:center;line-height:32px;background:var(--nr-soft);color:var(--nr-blue);border-radius:50%;margin-bottom:14px}
.nr-capabilities>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:36px}
.nr-capabilities h3{font-size:22px}
.nr-capabilities p{font-size:15px}
.nr-limits{padding-block:42px;background:var(--nr-canvas);border-radius:14px}
.nr-limits h2{font-size:25px}
.nr-limits p{margin:0;max-width:85ch}
.nr-module-faq{padding-block:48px}
.nr-module-faq details{border-block:1px solid var(--nr-line);padding:20px 0}
.nr-module-faq summary{cursor:pointer;font-size:18px;font-weight:600;min-height:36px}
.nr-platform-intro{text-align:center;max-width:900px;padding-block:80px}
.nr-platform-intro p{margin:0 auto 28px;font-size:19px}
.nr-platform-intro h1{font-size:clamp(38px,4.6vw,64px)}
:root[data-theme=dark] .nr-tool-mint{background:#173c32;color:#9be5c5}
:root[data-theme=dark] .nr-capture picture{box-shadow:0 16px 42px -18px #0009}
.nr-wrap a:focus-visible,.nr-wrap summary:focus-visible{outline:3px solid var(--nr-blue);outline-offset:5px}
.nr-wrap ::selection{background:var(--nr-soft);color:var(--nr-ink)}
@media(max-width:1100px){.nr-wrap{padding-inline:28px}.nr-hero,.nr-module-hero{gap:32px}.nr-hero h1{font-size:40px}.nr-hero-copy>p{font-size:16px}.nr-tools{gap:30px}.nr-module-row{grid-template-columns:170px 1fr;gap:20px}.nr-module-row>.text-link{grid-column:2;justify-self:start}.nr-trust{margin-inline:24px;width:calc(100% - 48px)}}
@media(max-width:820px){.nr-hero,.nr-module-hero,.nr-product-pair{grid-template-columns:1fr;gap:42px}.nr-hero-copy{max-width:700px}.nr-hero-capture{margin:0 18px}.nr-hero{padding-bottom:60px}.nr-hero h1{font-size:46px;max-width:21ch}.nr-hero-copy>p{max-width:66ch}.nr-why{gap:36px}.nr-chain ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.nr-chain li:after{display:none}.nr-tools{grid-template-columns:1fr 1fr}.nr-tools>div{grid-column:1/-1}.nr-tools h2{max-width:30ch}.nr-trust{grid-template-columns:1fr 1fr}.nr-trust>div{grid-column:1/-1}.nr-trust>.text-link{justify-self:start}.nr-close{gap:36px}.nr-close h2{font-size:30px}.nr-module-journey ol{grid-template-columns:repeat(3,minmax(0,1fr))}.nr-capabilities>div{gap:28px}}
@media(max-width:600px){.nr-wrap{padding:44px 22px}.nr-hero{padding-top:38px}.nr-hero h1{font-size:36px;line-height:1.12}.nr-hero-copy>p{font-size:16px}.nr-position{font-size:12px}.nr-hero .actions{gap:8px}.nr-hero .button{width:100%}.nr-hero-copy>small{font-size:11px}.nr-hero-capture{margin:0 12px}.nr-hero-capture:before{inset:-16px}.nr-capture img{aspect-ratio:1.15;object-fit:cover;object-position:top left}.nr-capture figcaption{font-size:12px}.nr-why{grid-template-columns:1fr;gap:8px}.nr-why h2{max-width:none}.nr-chain>h2{text-align:left;margin-bottom:30px}.nr-chain ol{display:block}.nr-chain li{padding:0 0 26px 68px;min-height:82px}.nr-step-icon{position:absolute;left:0;top:0;margin:0}.nr-chain li p{font-size:14px}.nr-chain li h3{margin-bottom:6px}.nr-note{text-align:left}.nr-module-row{display:block;padding:25px 0}.nr-module-name{margin-bottom:16px}.nr-module-row h4{font-size:23px}.nr-module-row>.text-link{margin-top:12px}.nr-product-pair{gap:30px}.nr-audience{text-align:left}.nr-audience h2{font-size:28px}.nr-tools{display:block}.nr-tools article{padding-top:30px;margin-top:26px;border-top:1px solid var(--nr-line)}.nr-tools h2{max-width:none}.nr-tool-icon{margin-bottom:18px}.nr-trust{display:block;margin:0 14px;width:calc(100% - 28px);padding:30px 22px;border-radius:12px}.nr-trust>.text-link{margin-top:18px}.nr-trust>.text-link:last-child{margin-left:14px}.nr-close{display:block}.nr-close>div:last-child{margin-top:28px}.nr-close .button{width:100%}.nr-module-hero h1{font-size:36px}.nr-module-journey ol{grid-template-columns:1fr;gap:18px}.nr-module-journey li{padding-left:46px;min-height:32px;display:flex;align-items:center}.nr-module-journey li:before{position:absolute;left:0;margin:0}.nr-capabilities>div{display:block}.nr-capabilities article{margin-top:28px}.nr-limits{border-radius:0}.nr-module-faq summary{font-size:17px}.nr-platform-intro h1{font-size:39px}.nr-platform-intro p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.nr-wrap *{scroll-behavior:auto;transition:none;animation:none}}


/* Compact utility access remains usable on phones without restoring a Menu button. */
@media(max-width:600px){
 .header-inner{padding-inline:16px;gap:10px}
 .header-inner>.brand{font-size:22px;gap:6px}
 .header-end{gap:8px}
 .header-end .utility-group{display:flex;gap:0;padding:0;border:0}
 .header-end .language{display:none}
 .header-end .login{display:inline-flex;font-size:11px;padding:9px 10px;white-space:nowrap}
 #theme-toggle{display:block;width:34px;height:36px;padding:0;font-size:0;background-image:url('/assets/icons/theme-sun.svg');background-repeat:no-repeat;background-size:19px;background-position:center;filter:none}
 :root[data-theme=dark] #theme-toggle{filter:none;background-color:transparent}
}

.validator-example{background:transparent;border:0;padding:12px 0;cursor:pointer;color:var(--nr-blue);font:inherit;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.example-label{padding:12px 16px;background:var(--nr-soft);color:var(--nr-ink);font-weight:600;border-radius:8px}

.nr-hero .actions{justify-content:flex-start}
@media(max-width:600px){.header-end #theme-toggle{font-size:0!important;filter:none!important;background-color:transparent!important}}

@media(max-width:600px){
 .site-header #theme-toggle,.site-header #theme-toggle:hover,:root[data-theme=dark] .site-header #theme-toggle:hover{
  background-image:url('/assets/icons/theme-sun.svg')!important;background-repeat:no-repeat;background-position:center;background-size:19px
 }
}