/* Subpages: a shared petrol/mint palette with distinct surfaces for each page family. */
body.site-design.subpage-design{--sub-ink:#123e46;--sub-green:#187c66;--sub-mint:#dceee3;--sub-line:#c9ddd1;--sub-dark:#0d3039;--sub-shadow:0 14px 38px #123e460b;background:#fff}
.site-design.subpage-design main :is(figure img,.concept-card-visual img){display:block}
.site-design.subpage-design main :is(.area-hero,.software-intro,.about-hero,.approach-intro){background:radial-gradient(ellipse at 92% 15%,#cce5d5 0%,transparent 55%),linear-gradient(135deg,#f6faf7,#e2f0e7);border-bottom:1px solid #d3e4da}
.site-design.subpage-design main :is(.area-hero-layout figure,.software-hero-photo,.about-hero figure,.approach-intro figure){box-shadow:0 18px 45px #103d4718;border-radius:24px}
.site-design.subpage-design main .hjemmesider .area-hero-copy{background:#f4faf6}
/* Service pages: explanation, explorer, situation cards, process and deliverables each get their own surface. */
.site-design.subpage-design main .service-content>:is(.area-overview,.software-explainer){border-top:0!important}
.site-design.subpage-design main .area-principle{background:#e8f3ec;border:1px solid #c9ddd1;border-left:4px solid #5b9b80;border-radius:0 18px 18px 0;padding:24px}
.site-design.subpage-design main :is(.area-service-explorer,.sw-explorer){border:1px solid #bed6c8;border-radius:24px;box-shadow:var(--sub-shadow)}
.site-design.subpage-design main .area-service-tabs{background:#dceee3}
.site-design.subpage-design main .webshops .area-service-explorer{background:#dceee3}
.site-design.subpage-design main :is(.digital-marketing .area-service-tabs,.sw-explorer){background:#0d3039}
.site-design.subpage-design main :is(.sw-panel,.area-service-panel){border-radius:18px;overflow:hidden}
.site-design.subpage-design main :is(.area-panel-copy,.sw-panel-copy){background:#fff}
.site-design.subpage-design main .service-content>:is(.area-relevance,.software-relevance){background:linear-gradient(135deg,#dceee3,#eff6f1);border:1px solid #c9ddd1;border-radius:24px;padding:40px;margin:12px 0 35px;color:#123e46}
.site-design.subpage-design main :is(.area-relevance,.software-relevance) .eyebrow{color:#187c66}
.site-design.subpage-design main :is(.area-relevance,.software-relevance) article{background:#fff;border:1px solid #d6e4db;border-radius:18px;padding:25px;box-shadow:0 6px 18px #123e4605}
.site-design.subpage-design main :is(.area-relevance,.software-relevance) article p{color:#516d73}
.site-design.subpage-design main .area-example{background:#f5f9f6;border:1px solid #e0eae3;border-radius:24px;padding:35px;margin-top:35px;gap:35px}
.site-design.subpage-design main .area-example figure{border-radius:18px;overflow:hidden}
.site-design.subpage-design main .software-example-grid article{background:#f1f7f3;border:1px solid #d7e5dc;border-radius:24px;overflow:hidden}
.site-design.subpage-design main .software-example-grid figure{border-radius:0}
.site-design.subpage-design main .software-example-copy{padding:28px;max-width:none}
.site-design.subpage-design main :is(.area-process-explorer,.sw-work-explorer){background:#e5f1e9;padding:22px;border:1px solid #c9ddd1;border-radius:24px;margin-top:25px}
.site-design.subpage-design main .area-process-body{background:#fff;border:1px solid #d7e5dc;border-radius:18px}
.site-design.subpage-design main .sw-work-panel{display:block;background:#fff;border:1px solid #d7e5dc;border-radius:18px;padding:32px;min-height:180px}
.site-design.subpage-design main .service-content>:is(.deliverable-section,.software-deliver){background:radial-gradient(ellipse at 100% 0%,#265c56,transparent 65%),#0d3039;color:#fff;padding:42px!important;border:1px solid #38605b!important;border-radius:24px;margin:25px 0 42px!important}
.site-design.subpage-design main :is(.deliverable-section,.software-deliver) h2{color:#fff}
.site-design.subpage-design main :is(.deliverable-section,.software-deliver) .eyebrow{color:#fff}
.site-design.subpage-design main :is(.deliverable-section,.software-deliver) p{color:#fff}
.site-design.subpage-design main :is(.deliverable-section,.software-deliver) li{color:#fff;border-color:#45665e;padding:16px 0 16px 18px;border-left:2px solid #91bfa5;margin-bottom:8px;background:#ffffff05;border-radius:0 8px 8px 0}
.site-design.subpage-design main .service-content>:is(.software-after,.area-after){background:#e9f3ed;padding:35px;border:1px solid #d1e3d8!important;border-radius:24px;margin:25px 0}
.site-design.subpage-design main .service-faq{margin:25px 0 50px}
.site-design.subpage-design main :is(.service-faq,.area-after) details{background:#fff;border-color:#c9ddd1;border-radius:18px}
.site-design.subpage-design main :is(.service-faq,.area-after) details[open]{background:#eff7f2;border-color:#8fb69f}
.site-design.subpage-design main .service-cta{background:linear-gradient(120deg,#cfe7d9,#edf6ef);border-top:1px solid #c3ddcc;border-bottom:1px solid #c3ddcc}
.site-design.subpage-design main .service-other>div{gap:12px}
.site-design.subpage-design main .service-other>div>a{padding:14px 20px;border:1px solid #c9ddd1;background:#f2f8f4;border-radius:18px;line-height:1.5}
/* Consistent selectors, while preserving dark software/channel explorers. */
.site-design.subpage-design main :is(.area-stage-tabs,.sw-work-tabs,.concept-feature-tabs,.concept-filters,.idea-area-buttons,.approach-phase-tabs) button{background:#fff;border-color:#c4d9cc;color:#355b55;border-radius:17px!important;box-shadow:0 3px 10px #123e4605}
.site-design.subpage-design main :is(.area-stage-tabs,.sw-work-tabs,.concept-feature-tabs,.concept-filters,.idea-area-buttons,.approach-phase-tabs) button:is([aria-selected="true"],[aria-pressed="true"]){background:#123e46;border-color:#123e46;color:#fff}
.site-design.subpage-design main :is(.area-stage-tabs,.sw-work-tabs,.concept-feature-tabs,.concept-filters,.idea-area-buttons,.approach-phase-tabs) button:hover{background:#e1f0e6;border-color:#87af98;color:#123e46}
.site-design.subpage-design main button:focus-visible{outline:2px solid #6fae8c;outline-offset:3px}
/* About: light introduction, a darker competency chapter and a framed team explorer. */
.site-design.subpage-design main .about-introduction{background:#f0f7f3;border-bottom:1px solid #d7e5dc;padding:55px 6%;margin:25px 3%;border-radius:24px}
.site-design.subpage-design main .about-competencies{background:radial-gradient(ellipse at 100% 0%,#275b54,transparent 65%),#0d3039;border-radius:26px;padding:65px 6%;color:#fff}
.site-design.subpage-design main .about-competencies :is(h2,h3){color:#fff}
.site-design.subpage-design main .about-competencies :is(p,li){color:#fff;border-color:#3b625b}
.site-design.subpage-design main .about-competencies .eyebrow{color:#fff}
.site-design.subpage-design main .about-competencies .about-tabs button{background:#19434a;border-color:#416660;color:#fff;justify-content:center}
.site-design.subpage-design main .about-competencies .about-tabs button:is(:hover,[aria-selected="true"]){background:#fff;border-color:#fff;color:#143d45}
.site-design.subpage-design main .about-competency-panel figure{border-radius:22px;box-shadow:0 12px 30px #001e2926}
.site-design.subpage-design main .about-competency-panel .about-panel-note{background:#ffffff08;border-left:3px solid #fff;padding:16px 20px;border-radius:0 14px 14px 0}
.site-design.subpage-design main .about-team-explorer{background:#edf5f0;border:1px solid #d2e3d8;padding:30px;border-radius:26px;gap:0 40px}
.site-design.subpage-design main .about-team-photo{border-radius:20px}
.site-design.subpage-design main .about-team-tabs button{justify-content:center;border-radius:17px!important}
.site-design.subpage-design main .about-together{background:#f3f8f5;border-top:1px solid #dce8e0;border-bottom:1px solid #dce8e0}
.site-design.subpage-design main .about-together li{background:#fff;border:1px solid #d7e5dc;border-radius:16px;padding:18px;margin-bottom:10px}
.site-design.subpage-design main .company-invitation{background:linear-gradient(120deg,#cfe7d9,#edf6ef);border:1px solid #c3ddcc;border-radius:26px}
/* Approach: retain its sidebar and selective reading; give each chapter a clear boundary. */
.site-design.subpage-design main .approach-content>.approach-process{padding-top:38px}
.site-design.subpage-design main .approach-phase-panel{background:#fff;border-color:#c4d9cc;box-shadow:var(--sub-shadow)}
.site-design.subpage-design main .approach-phase-copy{background:#f0f7f3}
.site-design.subpage-design main .approach-phase-result{background:#dceee3;border:0;border-radius:14px;padding:18px}
.site-design.subpage-design main .approach-content>.approach-collaboration{padding:38px;background:#0d3039;border:1px solid #365c56;border-radius:24px;margin:20px 0;color:#fff}
.site-design.subpage-design main .approach-collaboration h2{color:#fff}
.site-design.subpage-design main .approach-collaboration .eyebrow{color:#fff}
.site-design.subpage-design main .approach-collaboration>.approach-section-heading>p{color:#fff}
.site-design.subpage-design main .approach-collaboration .approach-accordions details{background:#f4faf6;border-color:#c4d9cc}
.site-design.subpage-design main .approach-content>.approach-after{border:0}
.site-design.subpage-design main .approach-after-grid>div{padding:25px;background:#e7f2eb;border:1px solid #d0e1d5;border-radius:20px}
.site-design.subpage-design main .approach-content>.approach-contact{background:linear-gradient(120deg,#cfe7d9,#edf6ef);border:1px solid #c3ddcc}
/* Inspiration, galleries and concept pages. */
.site-design.subpage-design main .editorial-hero{background:radial-gradient(ellipse at 96% 0%,#cce5d5,transparent 60%),linear-gradient(135deg,#f6faf7,#e2f0e7);border-bottom:1px solid #d3e4da}
.site-design.subpage-design main :is(.inspiration-intro,.examples-disclosure){padding:30px;background:#ffffffd9;border:1px solid #c9ddd1;border-radius:24px;box-shadow:var(--sub-shadow)}
.site-design.subpage-design main .inspiration-explorer{background:#f5f9f6;border-bottom:1px solid #dce8e0}
.site-design.subpage-design main .idea-situation-picker{background:#123e46;border:1px solid #365f59;border-radius:20px}
.site-design.subpage-design main .idea-situation-picker>.eyebrow{color:#fff}
.site-design.subpage-design main .idea-choice-group button{background:#ffffff08;border-color:#ffffff30;color:#fff}
.site-design.subpage-design main .idea-choice-group button:is(:hover,[aria-selected="true"]){background:#fff;border-color:#fff;color:#123e46}
.site-design.subpage-design main .idea-showcase{border-radius:24px;border-color:#c9ddd1;box-shadow:var(--sub-shadow)}
.site-design.subpage-design main .idea-showcase-next{background:#e1f0e6;border:1px solid #c9ddd1;border-radius:16px}
.site-design.subpage-design main .insight-card{background:#fff;border-color:#d0e1d5;box-shadow:0 7px 22px #123e4608;border-radius:22px;overflow:hidden}
.site-design.subpage-design main .concept-gallery{background:#f1f7f3}
.site-design.subpage-design main .concept-card{background:#fff;border-color:#d0e1d5;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #123e4608}
.site-design.subpage-design main .concept-card-visual{background:#dceee3;border-radius:0;padding:12px}
.site-design.subpage-design main .concept-card-visual img{border-radius:14px;box-shadow:0 8px 18px #123e4612}
.site-design.subpage-design main .concept-card:hover{background:#fff;border-color:#86b39a;box-shadow:0 14px 30px #123e4612}
.site-design.subpage-design main .concept-detail-heading{background:radial-gradient(ellipse at 100% 0%,#275b54,transparent 65%),#0d3039;color:#fff}
.site-design.subpage-design main .concept-detail-heading h1{color:#fff}
.site-design.subpage-design main .concept-detail-heading :is(p,.concept-disclaimer){color:#fff}
.site-design.subpage-design main .concept-detail-heading .eyebrow{color:#fff}
.site-design.subpage-design main .concept-detail-heading>.plain-link{background:#ffffff0a;border-color:#658b7b;color:#fff}
.site-design.subpage-design main .concept-explore{background:linear-gradient(145deg,#f3f8f5,#deeee3)}
.site-design.subpage-design main .concept-feature-panel>img{border-radius:20px;border-color:#bdd4c5;box-shadow:0 16px 38px #123e4615}
.site-design.subpage-design main .concept-feature-panel>div{padding:26px;background:#fff;border:1px solid #d1e2d7;border-radius:20px;margin-top:20px}
.site-design.subpage-design main .concept-fit{background:#e5f1e9;border-top:1px solid #c9ddd1}
/* Reading pages stay calm, with colour used around the article rather than behind every paragraph. */
.site-design.subpage-design main .reading-heading{max-width:none;background:linear-gradient(125deg,#e1f0e6,#f6faf7);border-bottom:1px solid #d3e4da;padding-left:max(6%,calc((100% - 1100px)/2));padding-right:max(6%,calc((100% - 1100px)/2))}
.site-design.subpage-design main .reading-photo{padding:12px;background:#dceee3;border:1px solid #c9ddd1;border-radius:26px}
.site-design.subpage-design main .reading-photo img{border-radius:18px}
.site-design.subpage-design main .reading-content>section:not(.editorial-note){padding:8px 0 25px;border-bottom:1px solid #dce8e0}
.site-design.subpage-design main .reading-content>section:nth-child(even):not(.editorial-note){padding:28px;background:#f0f7f3;border:1px solid #d8e6dd;border-radius:20px}
.site-design.subpage-design main .reading-content>.editorial-note{background:#123e46;color:#fff;border:1px solid #365f59;border-radius:22px}
.site-design.subpage-design main .editorial-note :is(h2,h3){color:#fff}
.site-design.subpage-design main .editorial-note :is(p,ul,li){color:#fff}
.site-design.subpage-design main .editorial-note .plain-link{background:#fff;color:#143d45;border-color:#fff}
/* Contact remains the same short flow, with more deliberate channel cards. */
.site-design.subpage-design main .contact-options>a{background:#fff;border:1px solid #bfd6c7;border-top:4px solid #5f9c81;border-radius:22px;box-shadow:var(--sub-shadow)}
.site-design.subpage-design main .contact-preparation{background:#f2f8f4;border-bottom:1px solid #d3e4da}
.site-design.subpage-design main .contact-preparation img{border-radius:24px;box-shadow:0 16px 35px #123e4612}
.site-design.subpage-design main .contact-company{background:#0d3039;color:#fff}
.site-design.subpage-design main .contact-company h2{color:#fff}
.site-design.subpage-design main .contact-company :is(p,dt,dd){color:#fff}
.site-design.subpage-design main .contact-company .eyebrow{color:#fff}
.site-design.subpage-design main .contact-company dl>div{border-color:#45665e}
.site-design.subpage-design main .contact-company dd a{color:#fff}
.site-design.subpage-design main .next-step-contact{background:linear-gradient(125deg,#d2e9dc,#edf6ef);border:1px solid #c5ddce;border-radius:28px}
.site-design.subpage-design main .next-step-details{background:#fff;border:1px solid #d2e3d8;box-shadow:var(--sub-shadow)}
/* Gentle interaction, without changing any navigation or form behaviour. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .site-design.subpage-design main :is(.concept-card,.insight-card){transition:box-shadow .2s,border-color .2s,transform .2s}
 .site-design.subpage-design main :is(.concept-card,.insight-card):hover{transform:translateY(-4px)}
}
@media(max-width:1100px){
 .site-design.subpage-design main :is(.area-relevance,.software-relevance) article{padding:21px}
 .site-design.subpage-design main .about-team-explorer{column-gap:25px;padding:25px}
}
@media(max-width:760px){
 .site-design.subpage-design main .service-content>:is(.area-relevance,.software-relevance){padding:26px 20px;border-radius:20px;margin:12px 0 25px}
 .site-design.subpage-design main :is(.area-relevance,.software-relevance) article{padding:21px;border-radius:16px}
 .site-design.subpage-design main .area-principle{padding:20px}
 .site-design.subpage-design main .area-example{padding:22px;margin-top:20px;gap:24px;border-radius:20px}
 .site-design.subpage-design main .software-example-copy{padding:24px}
 .site-design.subpage-design main :is(.area-process-explorer,.sw-work-explorer){padding:13px;border-radius:20px}
 .site-design.subpage-design main .sw-work-panel{padding:25px 20px;min-height:0}
 .site-design.subpage-design main .service-content>:is(.deliverable-section,.software-deliver){padding:28px 22px!important;border-radius:20px;margin:20px 0 30px!important}
 .site-design.subpage-design main .service-content>:is(.software-after,.area-after){padding:26px 20px;border-radius:20px}
 .site-design.subpage-design main .service-other>div>a{padding:13px 16px;font-size:14px}
 .site-design.subpage-design main .about-introduction{padding:35px 6%;margin:20px 3%;border-radius:20px}
 .site-design.subpage-design main .about-competencies{padding:40px 6%;border-radius:22px}
 .site-design.subpage-design main .about-team-explorer{padding:18px;border-radius:22px;gap:0}
 .site-design.subpage-design main .about-together li{padding:16px}
 .site-design.subpage-design main .approach-content>.approach-collaboration{padding:28px 20px;border-radius:20px}
 .site-design.subpage-design main .approach-after-grid>div{padding:20px}
 .site-design.subpage-design main :is(.inspiration-intro,.examples-disclosure){padding:24px;border-radius:20px}
 .site-design.subpage-design main .concept-card-visual{padding:8px}
 .site-design.subpage-design main .concept-feature-panel>div{padding:23px 20px;border-radius:18px}
 .site-design.subpage-design main .reading-content>section:nth-child(even):not(.editorial-note){padding:24px 20px}
 .site-design.subpage-design main .reading-photo{padding:8px;border-radius:22px}
 .site-design.subpage-design main .next-step-contact{border-radius:22px}
 .site-design.subpage-design main :is(.contact-options>a,.approach-contact-links a,.next-step-channel,.about-contact-options>a){min-width:0}
}
@media(prefers-reduced-motion:reduce){.site-design.subpage-design main :is(.concept-card,.insight-card){transition:none}}

/* White accents on dark frames; light content cards retain dark ink. */
.site-design.subpage-design main :is(.about-competencies,.concept-detail-heading) .about-panel-note{border-left-color:#fff}
.site-design.subpage-design main .concept-detail-heading .concept-disclaimer{border-left-color:#fff}
.site-design.subpage-design main :is(.sw-tablist,.digital-marketing .area-service-tabs,.idea-choice-group) button[aria-selected="true"]{background:#fff;border-color:#fff;color:#123e46}
.site-design.subpage-design main :is(.sw-tablist,.digital-marketing .area-service-tabs,.idea-choice-group) button[aria-selected="true"] span{color:inherit}
.site-design.subpage-design main .inspiration-intro{color:#123e46}
.site-design.subpage-design main .inspiration-intro .eyebrow{color:#187c66}
.site-design.subpage-design main .inspiration-intro p{color:#516d73}
.site-design.subpage-design main .inspiration-intro a{color:#123e46;border-color:#c9ddd1}