@font-face{font-family:Inter;src:url('inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('playfair-display-latin-wght-normal.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}

.jcs-root,.jcs-section{--jcs-red:#d43526;--jcs-navy:#0b1426;--jcs-muted:#62625f;--jcs-border:#e5e5e2;font-family:Inter,Arial,sans-serif;font-size:1rem;line-height:1.7;color:var(--jcs-navy);font-weight:400;letter-spacing:normal;text-transform:none}
.jcs-root *,.jcs-section *{box-sizing:border-box}
.jcs-root a,.jcs-section a{color:inherit;text-decoration:none}
.jcs-root :focus-visible{outline:3px solid #e48a21;outline-offset:5px}
.jcs-root img,.jcs-section img{display:block;max-width:100%;height:auto}
.jcs-root p,.jcs-section p{margin:0 0 1.25rem;font-size:1rem;line-height:1.7}

.jcs-root h1,.jcs-root h2,.jcs-section h1,.jcs-section h2{font-family:'Playfair Display',Georgia,serif;color:inherit;font-weight:500;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;margin:0 0 1.5rem;padding:0}
.jcs-root h1,.jcs-section h1{font-size:clamp(2.5rem,4.4vw,3.75rem);font-weight:600}
.jcs-root h2,.jcs-section h2{font-size:clamp(1.875rem,3vw,2.5rem)}
.jcs-root h3,.jcs-section h3{font-family:Inter,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.45;margin:0 0 1rem;color:inherit;letter-spacing:normal;text-wrap:balance}

.jcs-root .wp-block-group,.jcs-section .wp-block-group{max-width:none;margin-block:0}
.jcs-container,.jcs-root .jcs-container,.jcs-section .jcs-container{width:min(100% - 3rem,80rem);max-width:80rem;margin-inline:auto}
.jcs-section{padding:6.25rem 0;scroll-margin-top:7rem}
.jcs-root .jcs-accent,.jcs-section .jcs-accent{color:var(--jcs-red)}

/* Knapper */
.jcs-root .jcs-cta,.jcs-section .jcs-cta,.jcs-root .jcs-button .wp-block-button__link,.jcs-section .jcs-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;background:#d43526;color:#fff;border:1px solid #d43526;border-radius:999px;font-family:Inter,Arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer;box-shadow:none;white-space:normal;transition:background .2s,transform .2s}
.jcs-root .jcs-cta:hover,.jcs-section .jcs-cta:hover,.jcs-root .jcs-button .wp-block-button__link:hover,.jcs-section .jcs-button .wp-block-button__link:hover{background:#b72d20;border-color:#b72d20;transform:translateY(-1px)}
.jcs-root .jcs-outline .wp-block-button__link,.jcs-section .jcs-outline .wp-block-button__link{background:transparent;color:#0b1426;border-color:#0b1426}
.jcs-root .jcs-outline .wp-block-button__link:hover,.jcs-section .jcs-outline .wp-block-button__link:hover{background:#0b1426;color:#fff;border-color:#0b1426}
.jcs-root .wp-block-buttons,.jcs-section .wp-block-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1.75rem}

/* Innledning */
.jcs-hero{background:#f5f5f3;padding-block:4.5rem 6rem}
.jcs-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:3rem;align-items:center}
.jcs-root .jcs-badge,.jcs-section .jcs-badge{display:inline-block;padding:.35rem 1rem;border:1px solid #d43526;border-radius:999px;background:#d4352614;color:#b92b1e;font:400 .875rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.03em;text-transform:uppercase;margin-bottom:1.75rem}
.jcs-root .jcs-intro,.jcs-section .jcs-intro{max-width:31rem;color:var(--jcs-muted)}
.jcs-root .jcs-hero-image,.jcs-section .jcs-hero-image{margin:0;min-width:0}
.jcs-hero-image img{width:100%;border-radius:6px;box-shadow:0 20px 60px #0000001f}

/* Nøkkeltall */
.jcs-stats{display:flex;flex-wrap:wrap;gap:3rem;padding-top:1rem}
.jcs-root .jcs-stat-value,.jcs-section .jcs-stat-value{font-family:'Playfair Display',Georgia,serif;font-size:2.5rem;font-weight:500;color:#d43526;line-height:1.2;margin:0}
.jcs-root .jcs-stat-label,.jcs-section .jcs-stat-label{font:400 .875rem/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--jcs-muted);margin:.5rem 0 0}

/* Seksjoner og kort */
.jcs-light{background:#fafaf8;border-block:1px solid #e5e5e2}
.jcs-grey{background:#f5f5f3}
.jcs-dark{background:#0b1426;color:#fff}
.jcs-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:start}
.jcs-copy p{max-width:36rem}
.jcs-card{padding:2.25rem;border:1px solid #e5e5e2;border-radius:6px;background:#fff;box-shadow:0 1px 3px #0000000a}
.jcs-root .jcs-check,.jcs-section .jcs-check{padding-top:1rem;margin:0;border-top:1px solid #efefed}
.jcs-root .jcs-note,.jcs-section .jcs-note{margin:1.5rem 0 0;padding:.85rem;background:#f5f5f3;font:400 .875rem/1.65 'IBM Plex Mono',monospace;color:#62625f;border-radius:4px}
.jcs-root .jcs-section-heading,.jcs-section .jcs-section-heading{text-align:center;margin-bottom:3.5rem}
.jcs-root .jcs-eyebrow,.jcs-section .jcs-eyebrow{font:400 .875rem/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#b92b1e;margin-bottom:1rem}

.jcs-dark .jcs-eyebrow{color:#ff8e7b}
.jcs-dark .jcs-grid-two{max-width:58rem;margin-inline:auto;gap:1.5rem}
.jcs-dark .jcs-card{background:#ffffff0d;border-color:#ffffff26;padding:2.5rem;box-shadow:none}
.jcs-dark p{color:#ffffffbf}
.jcs-dark .jcs-card p:last-child{margin-bottom:0}

/* Oppstartstrinn */
.jcs-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.jcs-step{text-align:center;position:relative}
.jcs-root .jcs-step-number,.jcs-section .jcs-step-number{width:3rem;height:3rem;border-radius:50%;background:#d43526;color:white;display:grid;place-items:center;font-size:1.125rem;font-weight:600;margin:0 auto 1.5rem;position:relative;z-index:1}
.jcs-step:not(:last-child):after{content:'';position:absolute;left:50%;top:1.5rem;width:calc(100% + 1.5rem);border-top:2px dashed #dededb}
.jcs-step .jcs-card{padding:1.5rem;height:calc(100% - 4.5rem)}
.jcs-step h3{font-size:1rem}
.jcs-step p:last-child{margin-bottom:0;color:#62625f;font-size:1rem}
.jcs-root .jcs-audience,.jcs-section .jcs-audience{max-width:48rem;text-align:center;margin:4rem auto 0}
.jcs-audience p{color:#62625f}

/* Kontakt */
.jcs-contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4rem}
.jcs-contact-info{display:flex;flex-direction:column;gap:1rem;font-style:normal;padding-top:1.5rem;color:white}
.jcs-contact-info a:hover{text-decoration:underline}
.jcs-form-card{padding:2.5rem;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px}
.jcs-form label{display:block;font:400 .875rem/1.6 'IBM Plex Mono',monospace;color:#fff;margin:1.25rem 0 .5rem}
.jcs-form label span{color:#ffffffb3}
.jcs-form input:not([type=hidden]),.jcs-form select{font:inherit;font-size:1rem;width:100%;max-width:100%;height:auto;padding:.8rem 1rem;color:white;background:#ffffff0f;border:1px solid #ffffff4d;border-radius:4px;box-shadow:none;line-height:1.5}
.jcs-form input::placeholder{color:#ffffff9e}
.jcs-form select option{background:#0b1426;color:white}
.jcs-form input:focus,.jcs-form select:focus{outline:2px solid #f27c66;outline-offset:2px}
.jcs-form .jcs-cta{width:100%;border-radius:4px;margin-top:.75rem}
.jcs-form .jcs-cta:disabled{opacity:.65;cursor:wait;transform:none}
.jcs-root .jcs-form-note{font-size:.875rem;line-height:1.6;margin:1.25rem 0 0;color:#ffffffbf}
.jcs-form-note a{text-decoration:underline}
.jcs-form-status:empty{display:none}
.jcs-root .jcs-form-status{font-size:.95rem;color:#fff;margin:1.25rem 0 0;border-left:3px solid #f27c66;padding-left:1rem}
.jcs-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Tilpasning til mindre skjermer */
@media(max-width:1000px){
    .jcs-nav{gap:1rem}
    .jcs-hero-grid{grid-template-columns:1fr;gap:2.5rem}
    .jcs-hero-image{max-width:44rem!important}
    .jcs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .jcs-step:after{display:none}
    .jcs-contact-grid{gap:2rem}
    .jcs-stats{gap:2.5rem}
    .jcs-section{padding-block:4.5rem}
}

@media(max-width:782px){
    .admin-bar .jcs-header{top:46px}
    .jcs-nav{display:none}
    .jcs-grid-two,.jcs-contact-grid{grid-template-columns:1fr}
    .jcs-container,.jcs-root .jcs-container,.jcs-section .jcs-container{width:calc(100% - 2rem)}
    .jcs-grid-two{gap:2rem}
    .jcs-brand img{width:9rem}
    .jcs-nav-row{gap:.5rem}
    .jcs-header .jcs-cta{font-size:.875rem;padding:.7rem 1rem}
    .jcs-card,.jcs-dark .jcs-card,.jcs-form-card{padding:1.75rem}
    .jcs-hero{padding-top:3rem}
    .jcs-root .jcs-section-heading,.jcs-section .jcs-section-heading{margin-bottom:2.5rem}
}

@media(max-width:600px){
    .admin-bar .jcs-header{top:0}
    .jcs-header{position:relative}
    .jcs-section{scroll-margin-top:1rem}
    .jcs-steps{grid-template-columns:1fr}
    .jcs-step{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;text-align:left}
    .jcs-step .jcs-card{height:100%}
    .jcs-stats{gap:1.5rem}
    .jcs-root .jcs-stat-value,.jcs-section .jcs-stat-value{font-size:2rem}
    .jcs-root .jcs-stat-label,.jcs-section .jcs-stat-label{font-size:.8125rem}
    .jcs-footer{align-items:flex-start;flex-direction:column}
    .jcs-hero-image{margin-top:1rem!important}
}

@media(prefers-reduced-motion:no-preference){
    html:has(.jcs-root){scroll-behavior:smooth}
}

@media(prefers-reduced-motion:reduce){
    .jcs-root *{scroll-behavior:auto!important;transition:none!important}
}

/* Håndter ekstra gruppeelementer fra WordPress */
.jcs-root .wp-block-group[class*="jcs-"] > .wp-block-group__inner-container,
.editor-styles-wrapper .wp-block-group[class*="jcs-"] > .wp-block-group__inner-container{
    display:contents!important;
}

.jcs-main{width:100%;max-width:none;padding:0;margin:0}
body.jcs-page .jcs-theme-content{width:100%!important;max-width:none!important;padding:0!important;margin-inline:0!important}
.jcs-root{width:100%;max-width:none;margin:0;isolation:isolate}
.jcs-root :is(.jcs-hero-grid,.jcs-grid-two,.jcs-steps,.jcs-stats){float:none;clear:none;box-sizing:border-box}

/* Kolonner */
.jcs-root .jcs-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:3rem}
.jcs-root .jcs-grid-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:start}
.jcs-root .jcs-dark .jcs-grid-two{gap:1.5rem}
.jcs-root .jcs-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.jcs-root .jcs-stats{display:flex!important;flex-flow:row wrap!important;align-items:flex-start;justify-content:flex-start;gap:3rem}
.jcs-root .jcs-stats .jcs-stat{width:auto!important;min-width:0;flex:0 0 auto;margin:0!important}
.jcs-root :is(.jcs-hero-copy,.jcs-hero-image,.jcs-copy,.jcs-card,.jcs-step){min-width:0;float:none;margin-inline:0;width:auto}
.jcs-root .jcs-hero-image{max-width:none!important;margin:0!important;align-self:center}
.jcs-root .jcs-hero-image img{width:100%;height:auto;object-fit:contain}

/* Ramme rundt lenke og demoknapp */
.jcs-root .jcs-hero-copy .wp-block-buttons{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:31rem;margin:1.75rem 0 2rem;padding:1rem 1.25rem;background:#ffffffa6;border:1px solid #dededb;border-radius:8px}
.jcs-root .jcs-hero-copy .wp-block-buttons .jcs-outline{order:0;flex:1 1 auto}
.jcs-root .jcs-hero-copy .wp-block-buttons .jcs-button:not(.jcs-outline){order:1;flex:0 1 auto}
.jcs-root .jcs-hero-copy .jcs-outline .wp-block-button__link{display:inline-block;padding:.5rem 0;border:0;border-radius:0;background:transparent;color:#0b1426;font-weight:500;text-decoration:underline;text-underline-offset:.25em;text-decoration-color:#adb0b4;box-shadow:none}
.jcs-root .jcs-hero-copy .jcs-outline .wp-block-button__link:hover{background:transparent;color:#b72d20;transform:none;text-decoration-color:currentColor}
.jcs-root .jcs-hero{padding-top:3.25rem}

@media(max-width:1023px){
    .jcs-root .jcs-hero-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}
    .jcs-root .jcs-hero-image{max-width:44rem!important}
    .jcs-root .jcs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:782px){
    .jcs-root .jcs-grid-two{grid-template-columns:minmax(0,1fr);gap:2rem}
    .jcs-root .jcs-stats{gap:2rem}
}

@media(max-width:600px){
    .jcs-root .jcs-steps{grid-template-columns:minmax(0,1fr)}
    .jcs-root .jcs-stats{gap:1.25rem}
    .jcs-root .jcs-hero-copy .wp-block-buttons{padding:.9rem;gap:.75rem}
    .jcs-root .jcs-hero-copy .jcs-button:not(.jcs-outline) .wp-block-button__link{padding:.75rem 1.15rem}
}

/* Original Kimi/Lucide interface icons */
.jcs-root #slik-fungerer-det .jcs-card h3{display:flex;align-items:center;gap:.9rem}
.jcs-root #slik-fungerer-det .jcs-card h3:before{content:'';flex:0 0 2rem;height:2rem;background:url('printer.svg') center/contain no-repeat}
.jcs-root .jcs-check:first-letter{color:#d43526}
.jcs-root #fordeler .jcs-card:before{content:'';display:block;width:2.5rem;height:2.5rem;margin-bottom:1.5rem;background:var(--jcs-feature-icon) center/contain no-repeat}
.jcs-root #fordeler .jcs-card:nth-child(1){--jcs-feature-icon:url('globe.svg')}
.jcs-root #fordeler .jcs-card:nth-child(2){--jcs-feature-icon:url('refresh-cw.svg')}
.jcs-root #fordeler .jcs-card:nth-child(3){--jcs-feature-icon:url('printer.svg')}
.jcs-root #fordeler .jcs-card:nth-child(4){--jcs-feature-icon:url('file-text.svg')}

/* Gjør alle fire funksjonsrutene like høye */
.jcs-root #fordeler .jcs-grid-two {
    align-items: stretch;
    grid-auto-rows: 1fr;
}

.jcs-root #fordeler .jcs-grid-two .jcs-card {
    align-self: stretch;
    height: 100%;
}