/* Petrol genom hela sidan. Honung markerar medborgaren, delning och kontakt. */
:root{--deep:#143f46;--night:#10353c;--paper:#f2f5ec;--ink:#f2f5ec;--muted:#bfd3cc;--mint:#a6dbcf;--honey:#efbd87;--question:#ecc89c;--line:#b6d4c52b;--surface:#205359;--surface-low:#123940;--warm-ink:#413524;color-scheme:dark}
body,.site-header,#innehall,.support-zone,.site-footer{background:#143f46;color:var(--paper)}
body{background:var(--deep)}
::selection{background:#efbd87;color:#143f46}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline-color:var(--honey)}
.site-header{border-bottom-color:#d4e3d812}
.site-header nav>a:not(.nav-contact){color:#c4d9d2}
.site-header nav>a:hover{color:var(--honey)}
.site-header .brand-dot{color:var(--honey)}
.site-header .brand-symbol img{filter:brightness(1.65)}
.site-header .nav-contact{background:var(--honey);border-color:var(--honey);color:var(--deep);font-weight:700}
.site-header .nav-contact:hover{background:#f5d3aa;color:var(--deep)}
.quiet-hero{color-scheme:dark}
.quiet-hero h1{color:var(--paper);text-shadow:0 7px 40px #082a3020}
.quiet-hero>p{color:#c1d6ce}
.follow-story{color:var(--honey);border-color:#efbd8760}
.follow-story:hover{color:#ffdfb8;border-color:#ffdfb8}
.follow-story:focus-visible{outline-color:var(--honey)}
.ambient-light{background:radial-gradient(ellipse at 42% 42%,#ecc18c10 0%,#ecc18c04 32%,transparent 64%),radial-gradient(ellipse at 66% 61%,#65bba91a 0%,transparent 57%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}
.thread-strands{opacity:.8}
.thread-progress{opacity:1;filter:drop-shadow(0 0 5px #edbe8850)}
.thread-head{fill:#f3c58f;filter:drop-shadow(0 0 5px #efbd87) drop-shadow(0 0 15px #efbd8770)}
.chapter{color-scheme:dark}
.chapter-number{color:#adc9c0}
.chapter-number>.om-icon{color:var(--honey)}
#dela .chapter-number>.om-icon{color:var(--honey)}
#motet .chapter-number>.om-icon{color:var(--mint)}
.chapter h2{color:var(--paper)}
.chapter-copy>p{color:#bfd3cc}
.chapter-visual figcaption{color:#a6c3b9}
.page-thread+.quiet-hero~.chapters .chapter::before{background:var(--deep);border-color:var(--honey);box-shadow:0 0 0 5px #efbd8706}
.example-role{color:#e9be8e}
.conversation blockquote{color:var(--warm-ink);background:linear-gradient(125deg,#f3d9b6,#eec394);border:1px solid #f9dfb880;box-shadow:0 18px 50px -28px #020f1466,inset 0 1px #fff3dc90}
.chat-response{color:#dce9dd}
.chat-response img{filter:brightness(1.7)}
.review-document{background:linear-gradient(140deg,#23575c,#19474e);border-color:#aecdc03b;box-shadow:0 25px 50px -28px #001d2970,inset 0 1px #e2eed508}
.document-title{color:var(--paper)}
.document-title>.om-icon{color:var(--honey)}
.review-document>p{color:#d0e0d6}
.review-confirmation{color:#c6e7d6}
.review-check{color:var(--honey)}
.review-code{border-top-color:#d6c6a640}
.review-code>span{color:#b5cfc3}
.review-code strong{color:var(--honey)}
.human-window{background:#1d5155;border-color:#a6dbcf3b;box-shadow:0 25px 50px -28px #001d2970}
.human-toolbar{background:#10353c;color:var(--paper);border-bottom:1px solid #a6dbcf1c}
.human-toolbar>span:last-child{color:var(--honey)}
.human-content>span{color:#a5cbbd}
.human-content>p{color:#c7ddd1}
.human-content blockquote{background:transparent;border-left:0;border-top-color:#a6dbcf30;color:#d9edda;padding-left:0;padding-right:0}
.support-zone{border-radius:0;border-top:1px solid #b4d0c01e}
.support-zone .status-label{color:var(--honey)}
.support-zone .tool-tabs button{background:#194950;border-color:#a6dbcf30;color:#bbd1c7;box-shadow:none}
.support-zone .tool-tabs button:hover{background:#25585b;border-color:#a6dbcf55}
.support-zone .tool-tabs button[aria-selected=true]{background:#264f50;border-color:var(--honey);color:#f7dfbf;box-shadow:inset 0 -2px #efbd87}
.support-zone .tool-tabs button[aria-selected=true] .tool-symbol{color:var(--honey)}
.support-zone .tool-tabs .tool-symbol{color:#b3d4c4}
.support-zone .tool-tabs small{color:#acc9bd}
.support-zone .tool-story>p:not(.section-label){color:#bdd3c8}
.app-window{background:#1b4b52;color:var(--paper);color-scheme:dark;border-color:#b8d9c834;box-shadow:0 28px 60px -25px #041f2b75}
.app-toolbar{background:#163f47;border-bottom-color:#bbd7c920;color:#d8e7db}
.small-pill{background:#2b5e60;color:#d8eadc}
.knowledge-layout aside{background:#163e45}
.knowledge-layout aside>p{color:#9ebdb1}
.document{color:#adc9bb}
.document.selected{background:#2c5a58;color:#f2d0a4}
.question-bubble{background:#2c625f;color:#f0f5e9;border:1px solid #b9decc1a}
.demo-action{background:var(--honey);color:var(--warm-ink);font-weight:700}
.demo-action:hover{background:#f5d4aa}
.demo-action:focus-visible,.source-button:focus-visible{outline-color:var(--honey)}
.source-button{border-color:#b7d3c84d;color:#eed0a6;background:#173f451f}
.source-button:hover{background:#315b55}
.app-content blockquote{background:#25575a;border-left-color:var(--honey);color:#d5e6d7}
.review-note,.voice-status{color:#dcbd95}
.speaker{color:#b1d0bf}
.wave{color:#edc495}
.output-tabs{border-bottom-color:#bad7c62e}
.output-tabs button{color:#c5ddce;border-color:#b5d6c43b;background:transparent}
.output-tabs button[aria-pressed=true]{background:var(--honey);color:var(--warm-ink);border-color:var(--honey)}
.note-output{color:#d5e6da}
.mini-slide{background:#10343b;color:#e7f0e3;border:1px solid #d1e0c52b;box-shadow:none}
.mini-slide:nth-child(2){background:#eec594;color:#3c382c;border-color:#f6dbb7}
.mini-slide:nth-child(3){background:#2c605a;color:#e5f0dd}
.interpret-target{border-color:#b9d8c42e}
.safety-short .om-icon{color:var(--honey)}
.safety-short p{color:#d8e6dc}
.safety-note{color:#b6cfc2}
.faq-list details{border-color:#bcd7c12e}
.faq-list details:first-child{border-color:#bcd7c12e}
.faq summary{color:#dce9dc}
.faq summary>span,.faq summary .om-icon{color:var(--honey)}
.faq details[open] summary{color:#f2d0a4}
.faq-answer p{color:#bdcfc3}
.faq-answer a{color:#f2cc9e}
.contact .primary{background:var(--honey);color:var(--warm-ink)}
.contact .primary:hover{background:#f7d4a9}
.contact-grid>div>p,.contact-note,.founders>p{color:#bcd2c6}
.email-link{color:#f1c591;border-color:#eec49455;max-width:100%;overflow-wrap:anywhere}
.privacy-inner a[href^="mailto:"]{overflow-wrap:anywhere}
.founders{border-color:#b9d4bf30}
.founders>img,.site-footer .brand>img{filter:brightness(1.7)}
.site-footer{border-top:1px solid #b4d0c01e;flex-wrap:wrap}
.site-footer>p,.site-footer>div{color:#b0c9bc}
.site-footer>div{flex-wrap:wrap;gap:16px 24px}
.site-footer a:hover,.footer-link:hover{color:var(--honey)}
dialog{color-scheme:dark;background:#17464d;color:var(--paper);border:1px solid #c0d6c83b;box-shadow:0 30px 100px #001a24ad}
dialog::backdrop{background:#071f25d4}
.privacy-inner .section-label,.privacy-inner a{color:var(--honey)}
.privacy-inner p{color:#c9dcd1}
.dialog-close{color:var(--paper)}
.skip{background:var(--honey);color:var(--warm-ink)}
@media(max-width:760px){.support-zone{border-radius:0}.support-zone .interpret-target{border-color:#b9d8c42e}.site-footer>div{gap:15px 20px}}
@media(prefers-reduced-motion:reduce){.thread-strands{opacity:.8}}

/* Öppningen. Ett material, en berättelse, samma kurvor i varje skala. */
.site-header{padding-block:26px;border-bottom:0}
.site-header .nav-contact{background:transparent;border:1px solid #efbd8766;color:#f1d8b3;padding:12px 19px}
.site-header .nav-contact:hover{background:#efbd87;color:#143f46}
.quiet-hero{min-height:clamp(660px,58vw,830px);padding:105px max(7.5vw,56px) 170px;text-align:left}
.quiet-hero h1{width:59%;font-size:clamp(49px,5.15vw,82px);line-height:1.07;letter-spacing:-.06em;font-weight:500;text-shadow:none}
.quiet-hero>p{max-width:390px;margin:32px 0 0;font-size:16px;line-height:1.8}
.quiet-hero .follow-story{margin-top:34px;gap:28px;padding-bottom:15px}
.atelier-art{position:absolute;right:0;top:8px;width:min(52vw,700px);aspect-ratio:1;pointer-events:none;z-index:2}
.atelier-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 30px 35px #06282b45);animation:material-light 1.5s cubic-bezier(.2,.6,.2,1) both}
@keyframes material-light{from{opacity:.15;filter:drop-shadow(0 30px 35px #06282b45) brightness(.7)}to{opacity:1;filter:drop-shadow(0 30px 35px #06282b45) brightness(1)}}
.ambient-light{opacity:.6}
.thread-strands{opacity:.5}
.thread-progress{stroke-width:1;filter:drop-shadow(0 0 4px #edbe8850)}
.thread-head{r:2.8px}
.chapter{gap:86px;min-height:650px;padding-top:95px;padding-bottom:95px}
.chapter h2{font-size:clamp(36px,4.1vw,58px)}
.chapter-number{font-size:12px;gap:13px;margin-bottom:29px}
.chapter-number>.om-icon{width:28px;height:28px;stroke-width:1.05}
.chapter-copy>p{line-height:1.8;max-width:330px}
.chapter-visual figcaption{margin-top:27px;max-width:360px;color:#a2bcaf;letter-spacing:.01em}
.conversation{position:relative;padding:0}
.example-role{font-size:11px;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.example-role::before{content:'';height:1px;width:25px;background:linear-gradient(90deg,#efbd8700,#efbd87)}
.conversation blockquote{position:relative;padding:37px 34px 53px;border:1px solid #f3dbb075;border-radius:32px 32px 3px 32px;line-height:1.23;background:radial-gradient(ellipse at 0 0,#f7e6c2,transparent 80%),linear-gradient(135deg,#eac79b,#e3b785);box-shadow:0 1px 0 #faeac7aa inset,0 -1px 0 #8a694c55 inset,0 24px 46px -24px #001d2870}
.story-imprint{position:absolute;right:17px;bottom:70px;width:48px;height:48px;fill:none;stroke:#675839;stroke-width:.9;opacity:.24;z-index:2;pointer-events:none}
.chat-response{gap:14px;padding-top:25px;font-size:14px;color:#d1dfd4}
.review-document{position:relative;padding:33px 32px 0;border-radius:3px 25px 3px 3px;background:linear-gradient(135deg,#28595b,#1b474e);border:1px solid #a1c3af46;box-shadow:0 35px 60px -28px #061f2a75}
.review-document::before{content:'';position:absolute;inset:-10px 9px 10px -7px;border:1px solid #a2c4b32b;border-radius:3px 25px 3px 3px;transform:rotate(-2deg);z-index:-1}
.document-title{font-size:24px;gap:12px}
.document-title>.om-icon{width:24px;height:24px;stroke-width:1.15}
.review-document>p{margin:26px 0;line-height:1.85;font-size:15px}
.review-confirmation{padding-bottom:5px;font-size:11px}
.review-code{margin:27px -32px 0;padding:22px 32px;border:0;background:linear-gradient(110deg,#eed7ae,#dcb888);border-radius:0 0 3px 3px;position:relative;color:#3d3b2f;box-shadow:inset 0 1px #fae7c366}
.review-code::before{content:'';position:absolute;top:-1px;left:9px;right:9px;border-top:1px dashed #48605488}
.review-code>span{color:#55503b;font-size:10px}
.review-code strong{color:#3d3b2f;letter-spacing:.1em;font-size:29px}
.human-window{border:1px solid #acd0b94d;border-radius:4px 4px 23px 4px;background:linear-gradient(140deg,#285659,#1b484d);box-shadow:0 30px 60px -25px #06242c80}
.human-toolbar{padding:21px 27px;background:#10353ca8;font-size:11px;border-color:#acd0b91f}
.human-toolbar .om-icon{width:22px;height:22px;stroke-width:1.1}
.human-content{padding:29px}
.human-content>span{font-size:10px}
.human-content>p{margin:16px 0 30px;line-height:1.8}
.human-content blockquote{padding-top:26px;padding-bottom:8px;font-size:clamp(28px,2.75vw,39px);color:#eceddd;line-height:1.17}
.support-zone{border-top:0;background:radial-gradient(ellipse at 65% 12%,#22606628,transparent 48%),#143f46}
.support-zone .tools-top{max-width:720px;margin-bottom:38px}
.support-zone .tools-top h2{font-size:clamp(34px,3.8vw,54px);max-width:680px}
.support-zone .status-label{display:inline-flex;align-items:center;gap:9px;color:#bed2c4}
.support-zone .tool-tabs{gap:28px;margin-bottom:45px}
.support-zone .tool-tabs button{position:relative;display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center;padding:10px 0 24px;min-height:128px;border:0;border-bottom:1px solid #bbd9c336;border-radius:0;background:transparent;box-shadow:none;transition:border-color .3s}
.support-zone .tool-tabs button:hover{background:transparent;border-color:#dfcba888}
.support-zone .tool-tabs button[aria-selected=true]{background:transparent;color:#f3daba;border:0;border-bottom:1px solid #efbd87;box-shadow:none}
.support-zone .tool-tabs button>span:last-child{font-size:15px}
.support-zone .tool-tabs small{font-size:10px;line-height:1.7;margin-top:6px}
.atelier-symbol{width:112px;height:90px;display:block;overflow:visible;filter:drop-shadow(0 10px 5px #052b3455);opacity:.75;transition:opacity .3s}
.tool-tabs button[aria-selected=true] .atelier-symbol,.tool-tabs button:hover .atelier-symbol{opacity:1}
.support-zone .tool-panel{gap:56px;grid-template-columns:.72fr 1.28fr}
.support-zone .tool-story h3{font-size:34px;letter-spacing:-.045em}
.support-zone .tool-story>p:not(.section-label){max-width:250px;font-size:15px;line-height:1.8}
.app-window{border-radius:7px;background:linear-gradient(140deg,#235156,#19464d);box-shadow:0 28px 50px -25px #061f2d80;border-color:#b5d4bc30}
.app-toolbar{background:#10353caa;padding-block:18px}
.small-pill{background:transparent;border:1px solid #a6c7b329;border-radius:3px;padding:4px 6px;color:#b7cfc0}
.question-bubble{background:#376964;border-radius:14px 14px 2px 14px}
.document.selected{border-radius:3px;background:#2c5a58}
.demo-action{border-radius:5px;padding:12px 16px;box-shadow:inset 0 1px #ffdfb566}
.source-button{border-radius:3px}
.output-tabs button{border-radius:3px}
.wave{margin-block:17px 25px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.wave i{width:2px;max-width:2px;opacity:.9}
.safety-short{gap:23px}
.safety-short .om-icon{width:32px;height:32px;stroke-width:1.1}
.support-zone .safety-short p{gap:21px;font-size:14px}
.faq summary{padding:25px 0;font-weight:450}
.faq summary .om-icon{stroke-width:1.15}
.contact .primary{border-radius:5px;padding:15px 22px;box-shadow:inset 0 1px #fff1ce66}
.founders>img{width:48px;height:48px;margin-bottom:25px}
.entering{animation:none}

@media(min-width:1500px){.quiet-hero{padding-top:140px}.atelier-art{right:4vw}.quiet-hero>p{font-size:17px}}
@media(max-width:1100px) and (min-width:981px){.chapter{gap:55px}.support-zone .tool-tabs{gap:20px}.support-zone .tool-tabs button{grid-template-columns:80px 1fr}.atelier-symbol{width:84px}.support-zone .tool-tabs button>span:last-child{font-size:13px}}
@media(max-width:980px){.quiet-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:65px 35px 80px;min-height:0}.quiet-hero h1{width:100%;font-size:clamp(42px,7vw,66px);order:0;max-width:760px}.quiet-hero>p{order:1;margin:27px 0 0;max-width:410px}.quiet-hero .follow-story{order:2;margin-top:24px}.atelier-art{position:relative;right:auto;top:auto;order:3;width:400px;max-width:90%;margin:32px auto 0}.chapter{gap:45px}.support-zone .tool-tabs button{grid-template-columns:75px 1fr;gap:8px}.atelier-symbol{width:80px;height:75px}.support-zone .tool-tabs button>span:last-child{font-size:12px}.support-zone .tool-tabs{gap:17px}.support-zone .tool-panel{gap:30px}}
@media(max-width:760px){.site-header{padding:22px 23px}.site-header .nav-contact{font-size:11px;padding:10px 13px;gap:17px}.quiet-hero{padding:44px 24px 65px}.quiet-hero h1{font-size:clamp(36px,8.2vw,54px);line-height:1.1}.quiet-hero>p{font-size:14px;line-height:1.8;margin-top:24px;max-width:325px}.quiet-hero .follow-story{font-size:12px;margin-top:21px;padding-bottom:13px}.atelier-art{width:330px;max-width:100%;margin-top:25px}.chapter{padding:48px 26px 78px 56px;min-height:0}.chapter h2{font-size:clamp(34px,7.5vw,44px)}.chapter-copy>p{font-size:15px}.chapter-number{margin-bottom:22px}.chapter-number>.om-icon{width:25px;height:25px}.chapter-visual{margin-top:37px}.conversation blockquote{padding:30px 26px 47px;font-size:27px;border-radius:26px 26px 3px 26px}.story-imprint{bottom:67px;right:12px;width:40px;height:40px}.example-role{font-size:10px;margin-bottom:17px}.chat-response{font-size:13px;padding-top:22px}.chapter-visual figcaption{margin-top:23px}.review-document{padding:27px 24px 0}.review-document>p{font-size:14px}.document-title{font-size:22px;gap:10px}.review-code{margin:23px -24px 0;padding:23px 24px;gap:9px}.review-code strong{font-size:27px}.review-code>span{font-size:10px}.human-toolbar{padding:18px 20px}.human-content{padding:24px}.human-content blockquote{font-size:29px}.support-zone .tool-tabs{gap:12px;margin-bottom:31px}.support-zone .tool-tabs button{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;min-height:118px;padding:0 0 18px}.support-zone .tool-tabs button>span:last-child{font-size:10px;text-align:center;line-height:1.5}.atelier-symbol{width:83px;height:73px;max-width:100%}.support-zone .tool-panel{grid-template-columns:minmax(0,1fr);gap:24px}.support-zone .tool-story h3{font-size:31px}.support-zone .tool-story>p:not(.section-label){font-size:14px;max-width:310px}.support-zone .safety-short p{gap:15px;font-size:13px}.safety-short .om-icon{width:27px;height:27px}.faq summary{padding:22px 0}.founders>img{display:none}.support-zone .tools-top h2{font-size:33px}.support-zone .tools-top{margin-bottom:29px}.site-footer>div{font-size:10px}}
@media(max-width:360px){.quiet-hero{padding-inline:18px}.quiet-hero h1{font-size:34px}.atelier-art{width:300px}.chapter{padding-left:49px;padding-right:21px}.chapter h2{font-size:32px}.conversation blockquote{font-size:24px;padding:26px 23px 43px}.review-document{padding:25px 19px 0}.review-code{margin-inline:-19px;padding-inline:19px;flex-wrap:wrap}.review-code strong{font-size:26px}.document-title{font-size:20px}.document-title>.om-icon{width:20px}.human-content{padding:20px}.human-content blockquote{font-size:27px}.support-zone .tool-tabs{gap:8px}.support-zone .tool-tabs button>span:last-child{font-size:9px}.support-zone .tools-top h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.atelier-art img{animation:none}.atelier-symbol{transition:none}.thread-strands{opacity:.7}}

/* Rytm: öppna rubriker, varsamt djup och tydliga gensvar. */
.motion-line{display:block;overflow:clip;padding-bottom:.13em;margin-bottom:-.13em}
.motion-line>span{display:inline-block;vertical-align:top}
.atelier-art img{transform-origin:33.9% 99.4%;rotate:var(--art-turn,0deg);scale:var(--art-scale,1)}
.atelier-art.depth-active img{will-change:transform}
.chapter-visual>div{translate:0 var(--scene-drift,0px)}
.chapter-visual.depth-active>div{will-change:transform}
.review-check path{stroke-dasharray:1;stroke-dashoffset:0}
.chapter-number{transition:color .4s ease}
.chapter[data-current] .chapter-number{color:#f0cc9f}
.page-thread+.quiet-hero~.chapters .chapter::before{transition:box-shadow .5s ease,background .5s ease}
.page-thread+.quiet-hero~.chapters .chapter[data-current]::before{background:#d9b88e;box-shadow:0 0 0 5px #efbd8708,0 0 18px #efbd8738}
.support-zone{padding-top:70px;background:linear-gradient(180deg,#10383f00,#10383f 100px,#123b42 640px,#143f46 1150px)}
.support-zone .tools-top{display:flex;max-width:none;align-items:flex-end;justify-content:space-between;gap:32px}
.support-zone .tools-top h2{max-width:670px}
.support-zone .tools-top .status-label{white-space:nowrap;margin:0 0 5px}
.support-zone .safety-simple{border-top:1px solid #c0d6bf1c;border-bottom:1px solid #c0d6bf1c;margin-bottom:32px}
.support-zone .contact{padding-top:80px}
.tool-panel,.faq details[open] .faq-answer{animation:none}
.support-zone .tool-tabs button{border-bottom-color:#bbd9c326;transition:color .25s,border-color .25s}
.support-zone .tool-tabs button[aria-selected=true]{border-bottom-color:#bbd9c326}
.tool-tabs button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,#efbd87,#d1d1aa);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.65,.2,1)}
.tool-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.atelier-symbol{transition:opacity .3s,transform .45s cubic-bezier(.2,.65,.2,1)}
.nav-contact,.demo-action,.contact .primary,.source-button,.output-tabs button{transition:background .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s}
.action-icon{transition:transform .3s cubic-bezier(.2,.65,.2,1)}
.follow-story{position:relative}
.follow-story::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#efbd87;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.65,.2,1)}
.follow-story:focus-visible::after{transform:scaleX(1)}
.nav-contact:focus-visible .action-icon,.demo-action:focus-visible .action-icon,.contact .primary:focus-visible .action-icon{transform:translate(2px,-2px)}
.tool-tabs button:focus-visible .atelier-symbol{transform:translateY(-3px)}
.faq summary>span{transition:transform .35s cubic-bezier(.2,.65,.2,1)}
.faq details[open] summary>span{transform:rotate(45deg)}
.faq details[open] summary .om-icon{transform:none}
.faq summary{transition:color .25s}
.email-link{text-decoration-thickness:1px;text-underline-offset:6px;transition:color .2s,text-underline-offset .25s}
.motion-paused .atelier-art img{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){
  .nav-contact:hover .action-icon,.demo-action:hover .action-icon,.contact .primary:hover .action-icon{transform:translate(2px,-2px)}
  .follow-story:hover .action-icon{transform:translateY(3px)}
  .follow-story:hover::after{transform:scaleX(1)}
  .tool-tabs button:hover .atelier-symbol{transform:translateY(-4px)}
  .demo-action:hover,.contact .primary:hover{box-shadow:inset 0 1px #ffebc788,0 5px 17px #092c3430}
  .faq summary:hover{color:#f1d5b0}
  .email-link:hover{text-underline-offset:9px}
}
.nav-contact:active,.demo-action:active,.contact .primary:active,.source-button:active,.output-tabs button:active{transform:translateY(1px) scale(.985)}
@media(max-width:980px){.support-zone .tools-top{display:block}.support-zone .tools-top .status-label{margin-top:19px}}
@media(max-width:760px){.support-zone{padding-top:48px}.support-zone .safety-simple{margin-bottom:12px}.support-zone .contact{padding-top:50px}.motion-line{padding-bottom:.14em;margin-bottom:-.14em}}
@media(prefers-reduced-motion:reduce){
  .atelier-art img{rotate:none;scale:1;will-change:auto}
  .chapter-visual>div{translate:none;will-change:auto}
  .action-icon,.atelier-symbol,.nav-contact,.demo-action,.source-button,.output-tabs button,.contact .primary{transform:none!important;transition:none!important}
  .tool-tabs button::after,.follow-story::after,.faq summary>span{transition:none}
}


/* En fråga, ett underlag, en mänsklig kontakt. */
.theme-night .site-header .nav-contact{background:var(--honey);color:var(--deep);border-color:var(--honey)}
.theme-night .site-header .nav-contact:hover{background:#f5d6ad}
.journey-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;max-width:1480px;margin:auto;padding:70px max(6.5vw,48px) 140px;min-height:710px}
.hero-copy{position:relative;z-index:4;padding-bottom:35px;min-width:0}
.hero-copy h1{font-family:var(--display);font-size:clamp(44px,4.75vw,76px);line-height:1.07;font-weight:500;letter-spacing:-.06em;color:var(--paper)}
.hero-copy>p{max-width:390px;margin-top:30px;font-size:16px;line-height:1.8;color:#c5d8d0}
.hero-copy .follow-story{margin-top:29px;gap:26px;font-size:13px;color:var(--honey)}
.opening-scene{position:relative;min-width:0;margin:0;min-height:450px;scroll-margin-top:55px}
.hero-art{position:absolute;width:110%;max-width:600px;aspect-ratio:1;right:-11%;top:-20px;z-index:0;pointer-events:none}
.hero-art img{width:100%;height:100%;object-fit:contain;opacity:.53;transform-origin:33.9% 99.4%;rotate:var(--art-turn,0deg);scale:var(--art-scale,1);filter:saturate(.8) brightness(.92)}
.opening-conversation{position:relative;z-index:2;padding:48px 0 0 15px}
.story-step-label{display:flex;align-items:center;gap:13px;font-size:12px;color:#c6d7cc;line-height:1.5}
.story-step-label>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #edc59670;border-radius:50%;font-family:var(--display);font-size:12px;color:#efcba0;flex:none}
.opening-conversation>.story-step-label{margin:0 0 19px 18px}
.opening-message{position:relative;width:96%;padding:25px 30px 34px;border-radius:24px 24px 3px 24px;background:radial-gradient(ellipse at 0 0,#f3e2bd,transparent 80%),linear-gradient(130deg,#e8c699,#dfb47f);color:#3c382e;border:1px solid #f6dfb8ba;box-shadow:inset 0 1px #fff1d2,0 30px 65px -35px #021c27ad}
.speaker-label{display:block;font-family:var(--body);font-size:10px;line-height:1.5;letter-spacing:.01em;font-weight:550}
.opening-message .speaker-label{color:#685538;margin-bottom:16px}
.opening-message blockquote{margin:0;padding:0;border:0;background:none;font-family:var(--display);font-size:clamp(27px,2.65vw,40px);font-weight:400;line-height:1.19;letter-spacing:-.04em}
.message-stitch{position:absolute;width:20px;height:20px;right:17px;bottom:16px;border:1px solid #8e755247;border-right-color:transparent;border-radius:50%;rotate:-30deg}
.opening-reply{display:flex;align-items:center;gap:15px;padding:24px 0 0 20px;color:#e6ecde}
.opening-reply img{filter:brightness(1.6);flex:none}
.opening-reply .speaker-label{color:#a9c5ba;margin-bottom:5px;font-size:10px}
.opening-reply p{font-size:15px}
.opening-scene figcaption{font-size:10px;line-height:1.5;color:#a7beb4;margin:23px 0 0 20px}
.journey-story{position:relative;z-index:1}
.story-section{position:relative;max-width:1240px;margin:auto;padding-left:96px;padding-right:70px}
.story-copy h2{font-family:var(--display);font-size:clamp(38px,4.4vw,65px);line-height:1.07;letter-spacing:-.05em;font-weight:500}
.story-copy>p{font-size:16px;line-height:1.8;color:#c5d8ce;margin-top:24px}
.handoff-section{padding-top:55px;padding-bottom:155px}
.handoff-heading{text-align:center;margin:0 auto 52px;max-width:720px}
.handoff-heading>.story-step-label{justify-content:center;margin-bottom:25px}
.handoff-heading>p{max-width:410px;margin:23px auto 0}
.handoff-stage{position:relative;border:1px solid #9bbeb52e;border-radius:12px;background:radial-gradient(ellipse at 26% 40%,#32646075,transparent 67%),linear-gradient(135deg,#18474d,#10373f);box-shadow:0 50px 80px -45px #06252e8a,inset 0 1px #ebead40c}
.handoff-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:17px 29px;border-bottom:1px solid #bad1c71b;color:#bad1c7;font-size:11px;background:#0c343d44;border-radius:12px 12px 0 0}
.handoff-stage-bar>span:first-child{display:flex;align-items:center;gap:11px}
.handoff-stage-bar .om-icon{width:20px;height:20px;stroke-width:1.1;color:#d9caa7}
.handoff-stage-bar>span:last-child{font-size:10px;white-space:nowrap;color:#a5bfb5}
.handoff-workspace{display:grid;grid-template-columns:1.12fr .88fr;gap:65px;padding:45px}
.story-document{position:relative;align-self:start;padding:35px 31px 25px;background:linear-gradient(140deg,#f1eee0,#dfdfcd);color:#244b4b;border-radius:3px 24px 3px 3px;box-shadow:0 25px 35px -20px #03263070;border:1px solid #f8f3e0;transform-origin:40% 80%}
.story-document::before{content:'';position:absolute;inset:5px 6px -7px -5px;z-index:-1;background:#aec6b850;border:1px solid #d6dfc24d;border-radius:3px 24px 3px 3px;rotate:-1.2deg}
.document-ear{position:absolute;right:-1px;top:-1px;width:25px;height:25px;background:linear-gradient(45deg,#6d89775c,#d5dcc965 49%,#c7d6c02e 50%);border-radius:0 24px 0 3px}
.document-kicker{display:block;color:#5b7165;font-size:10px;margin-bottom:11px}
.source-echo{margin:0;padding:0;border:0;background:none;font-family:var(--display);font-size:21px;line-height:1.3;letter-spacing:-.02em;max-width:285px;color:#627062}
.summary-content{border-top:1px solid #466b4f2b;margin-top:28px;padding-top:27px}
.summary-content h3{font-family:var(--display);font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.035em}
.draft-label{display:block;margin-top:8px;font-size:10px;color:#5b7165}
.summary-content .summary-words{margin:22px 0 30px;font-size:17px;line-height:1.7;color:#2a4b45}
.document-footnote{border-top:1px solid #466b4f26;padding-top:15px;margin:0;font-size:10px;line-height:1.6;color:#596d5d}
.share-column{min-width:0;padding-top:10px}
.share-choices{margin:0;padding:0;border:0;min-width:0}
.share-choices legend{font-family:var(--display);font-size:27px;font-weight:500;letter-spacing:-.035em;margin-bottom:25px;float:none;padding:0}
.share-option{position:relative;display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #abc4b326;cursor:pointer;color:#e2e9da;font-size:14px;line-height:1.4}
.share-option:last-child{border-bottom:1px solid #abc4b326}
.share-option>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}
.choice-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid #a3beac6e;border-radius:5px;flex:none;transition:background .2s,border-color .2s;color:#24443f}
.choice-mark .om-icon{width:17px;height:17px;stroke-width:1.6;opacity:0;scale:.75;transition:opacity .18s,scale .18s}
.share-option input:checked+.choice-mark{background:#e8c696;border-color:#f1d3a7}
.share-option input:checked+.choice-mark .om-icon{opacity:1;scale:1}
.share-option:focus-within{outline:2px solid var(--honey);outline-offset:5px;border-radius:2px}
.share-option small{display:block;color:#a9c1b7;font-size:10px;line-height:1.6;margin-top:5px}
.share-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #f5d4a3;border-radius:5px;background:#ecc494;color:#2a413c;min-height:48px;margin-top:27px;padding:13px 17px;font:650 12px var(--body);cursor:pointer;box-shadow:inset 0 1px #fae6c8;transition:background .2s,transform .2s}
.share-button:hover{background:#f4d7af}
.share-button:active{transform:translateY(1px)}
.share-button:disabled{opacity:.45;cursor:default}
.share-feedback,.share-static{font-size:10px;color:#b8cec2;line-height:1.6;margin-top:12px;min-height:32px}
.story-code{position:relative;margin-top:25px;padding:24px 25px 21px;background:linear-gradient(115deg,#ead4ad,#d7b987);color:#35483a;border:1px solid #efdab9;border-radius:3px;box-shadow:0 15px 30px -17px #03232d99;transition:background .5s,box-shadow .5s,border-color .5s}
.story-code::before{content:'';position:absolute;top:7px;bottom:7px;left:10px;border-left:1px dashed #59734c44}
.code-label,.code-caption{display:block;font-size:10px;line-height:1.6}
.story-code strong{display:block;font-family:var(--display);font-size:clamp(34px,3.5vw,48px);line-height:1.4;font-weight:500;letter-spacing:.11em;font-variant-numeric:tabular-nums;white-space:nowrap}
.code-caption{color:#53634d;font-size:9px;margin-top:1px}
.handoff-trace{position:absolute;left:0;bottom:100%;width:100%;height:38px;overflow:visible;pointer-events:none;fill:none;stroke:#efcb98;stroke-width:1;opacity:.6}
.handoff-stage[data-share-state=preview] .story-code{background:#235051;border-color:#abc4b337;box-shadow:none;color:#b5c9b7}
.handoff-stage[data-share-state=preview] .code-caption{color:#b2c5b9}
.handoff-stage[data-share-state=preview] .story-code::before{border-color:#adc5b12e}
.handoff-stage[data-share-state=preview] .handoff-trace{opacity:.2}
.handoff-stage[data-share-state=shared] .share-button{background:#244b47;border-color:#8eb8a263;color:#d9e6cd;box-shadow:none}
.handoff-stage[data-share-state=shared] .share-button .action-icon{rotate:45deg}
.handoff-caption{max-width:none;text-align:center;padding:0 20px 22px;margin:0;color:#a2bbae;font-size:10px;line-height:1.6}
.receiver-section{display:grid;grid-template-columns:1.13fr 1fr;gap:0 85px;align-items:center;padding-top:25px;padding-bottom:145px}
.receiver-scene{grid-column:1;grid-row:1/3}
.receiver-copy{grid-column:2;grid-row:1;align-self:end}
.human-response{grid-column:2;grid-row:2;align-self:start}
.receiver-copy>.story-step-label{margin-bottom:26px;color:#bdd8cc}
.receiver-copy .story-step-label>span{color:#b9decb;border-color:#a6dbcf66}
.receiver-copy h2{font-size:clamp(36px,3.85vw,55px)}
.receiver-copy>p{max-width:365px;font-size:15px}
.receiver-scene{margin:0;min-width:0}
.receiver-shell{position:relative;border:1px solid #9ec7b445;border-radius:8px;background:linear-gradient(140deg,#295c5b,#1b464a);box-shadow:0 35px 70px -32px #041d2899,inset 0 1px #dbe8c510;overflow:hidden;transform-origin:50% 70%}
.receiver-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 24px;border-bottom:1px solid #aac9b322;background:#0e343db0;color:#cadfd1;font-size:11px}
.receiver-toolbar>span:first-child{display:flex;gap:9px;align-items:center}
.receiver-toolbar .om-icon{width:20px;height:20px;stroke-width:1.2;color:#a6d3bd}
.receiver-access{font-size:9px;color:#b3cbbb}
.receiver-record{padding:29px 27px 26px}
.record-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px;font-size:10px;color:#a7c6b7}
.record-code{color:#e9cea5;letter-spacing:.09em;font-size:11px;padding:6px 9px;border:1px solid #cfb99344;border-radius:3px;white-space:nowrap;transition:background .4s,box-shadow .4s}
.receiver-section[data-received=shared] .record-code{background:#b7cbaa1a;border-color:#edce9875;box-shadow:0 0 18px #dfcba61a}
.receiver-record h3{font-family:var(--display);font-weight:500;font-size:29px;line-height:1.2;letter-spacing:-.04em;color:#e3eddf}
.receiver-context{font-size:10px;margin:10px 0 25px;color:#a9c8b7}
.received-summary,.received-chat{padding:23px 0;border-top:1px solid #bad2b72e}
.record-label{display:block;font-size:10px;color:#a7c8b5;margin-bottom:14px}
.received-summary>p{font-family:var(--display);font-size:23px;line-height:1.4;letter-spacing:-.025em;color:#e1ead6}
.received-chat p{font-size:12px;line-height:1.7;margin:15px 0 0;color:#d3e0cf}
.received-chat strong{display:block;font-size:9px;color:#b4c9b4;font-weight:550}
.record-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #bad2b726;padding-top:17px;font-size:9px;line-height:1.6;color:#b4ccb8}
.record-foot .om-icon{width:18px;height:18px;stroke-width:1.2}
.receiver-scene figcaption{font-size:10px;line-height:1.7;max-width:340px;color:#a8bfb1;margin:21px 0 0}
.human-question{font-family:var(--display);font-size:clamp(27px,2.55vw,38px);line-height:1.2;letter-spacing:-.035em;color:#c5e1c9;margin:30px 0 16px;padding:25px 0 0;background:none;border:0;border-top:1px solid #b2cbb626}
.human-note{display:block;max-width:280px;font-size:10px;line-height:1.6;color:#afc8b7}
.journey-visual.depth-active .opening-message,.journey-visual.depth-active .story-document,.journey-visual.depth-active .receiver-shell{will-change:transform}
.opening-message,.story-document,.receiver-shell{translate:0 var(--scene-drift,0px)}
.page-thread{z-index:2;visibility:hidden}
[data-thread-ready]>.page-thread{visibility:visible}
.thread-strands{opacity:.45}
.thread-progress{stroke-width:1.3;filter:drop-shadow(0 0 5px #f0c68d66)}
.thread-head{fill:#efc897;filter:drop-shadow(0 0 5px #edc18c) drop-shadow(0 0 14px #edc18c80)}
.support-zone .tools-top h2{font-size:clamp(36px,4vw,57px);max-width:680px}
.support-zone .tool-panel{padding-top:15px}
.support-zone .app-window{border-color:#b5d4bc40;box-shadow:0 30px 60px -25px #061f2d80,inset 0 1px #d7e1c60c}
.support-zone .safety-simple{padding-block:95px;background:radial-gradient(ellipse at 80% 50%,#467d6510,transparent 65%)}
@media(min-width:1600px){.journey-hero{padding-inline:96px;min-height:780px}.hero-copy h1{font-size:72px}.hero-art{right:-20px;top:-60px}.opening-message blockquote{font-size:39px}}
@media(max-width:1100px){.journey-hero{padding-inline:55px;gap:30px}.hero-copy h1{font-size:clamp(43px,4.7vw,53px)}.hero-copy>p{font-size:15px;max-width:330px}.opening-message{padding:25px 24px 30px}.opening-message blockquote{font-size:29px}.hero-art{top:-55px}.story-section{padding-left:90px;padding-right:48px}.handoff-workspace{padding:34px;gap:35px}.story-document{padding:29px 25px 22px}.share-choices legend{font-size:25px}.receiver-section{gap:45px}.receiver-toolbar{padding:17px}.receiver-record{padding:25px 21px}.receiver-access{font-size:8px}.received-summary>p{font-size:21px}}
@media(max-width:900px){.journey-hero{grid-template-columns:minmax(0,1fr);text-align:center;padding:48px 40px 85px;gap:20px;min-height:0}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(44px,7vw,63px)}.hero-copy>p{margin:23px auto 0;max-width:420px}.hero-copy .follow-story{margin-top:20px}.opening-scene{width:440px;max-width:100%;margin:10px auto 0;text-align:left;min-height:445px}.opening-conversation{padding-top:58px}.hero-art{width:112%;right:-3%;top:-46px}.opening-message blockquote{font-size:33px}.handoff-workspace{gap:28px;padding:30px}.source-echo{font-size:19px}.summary-content h3{font-size:24px}.summary-content .summary-words{font-size:15px}.share-choices legend{font-size:23px}.share-option{font-size:12px;gap:10px}.code-caption{font-size:9px}.story-code{padding-inline:20px}.story-code strong{font-size:34px}.receiver-section{grid-template-columns:1fr 1fr;gap:35px}.receiver-copy h2{font-size:35px}.receiver-copy>p{font-size:14px}.receiver-access{display:none}.record-top{flex-wrap:wrap}.receiver-record h3{font-size:26px}.received-summary>p{font-size:20px}}
@media(max-width:700px){
  .journey-hero{padding:37px 25px 66px;gap:22px}.hero-copy h1{font-size:clamp(35px,8.6vw,52px);line-height:1.09}.hero-copy>p{font-size:14px;line-height:1.75;max-width:330px;margin-top:24px}.hero-copy .follow-story{font-size:12px;margin-top:20px}
  .opening-scene{width:360px;min-height:387px;margin-top:9px}.opening-conversation{padding:54px 0 0 5px}.hero-art{width:114%;right:-4%;top:-22px;max-width:430px}.opening-message{width:96%;padding:22px 24px 29px;border-radius:21px 21px 3px 21px}.opening-message blockquote{font-size:clamp(26px,7.2vw,32px)}.opening-message .speaker-label{margin-bottom:13px}.opening-conversation>.story-step-label{margin-left:12px;font-size:11px;margin-bottom:14px}.opening-reply{padding:22px 0 0 12px;gap:12px}.opening-reply p{font-size:14px}.opening-scene figcaption{font-size:9px;margin-left:12px;margin-top:19px}
  .story-section{padding-left:49px;padding-right:25px}.handoff-section{padding-top:20px;padding-bottom:85px}.handoff-heading{text-align:left;margin-bottom:31px}.handoff-heading>.story-step-label{justify-content:flex-start;margin-bottom:21px}.story-step-label{font-size:10px;gap:10px}.story-step-label>span{width:23px;height:23px;font-size:11px}.story-copy h2{font-size:clamp(32px,8vw,43px)}.handoff-heading>p{margin:21px 0 0;font-size:14px;line-height:1.75}
  .handoff-stage{border-radius:7px}.handoff-stage-bar{padding:15px 19px;font-size:10px;min-height:56px}.handoff-stage-bar .om-icon{width:17px}.handoff-stage-bar>span:last-child{display:none}.handoff-workspace{grid-template-columns:minmax(0,1fr);padding:25px 19px 19px;gap:30px}.story-document{padding:27px 23px 22px;border-radius:3px 20px 3px 3px}.document-ear{width:21px;height:21px;border-radius:0 20px 0 3px}.source-echo{font-size:21px}.document-kicker{font-size:9px}.summary-content{margin-top:24px;padding-top:23px}.summary-content h3{font-size:25px}.summary-content .summary-words{font-size:16px;margin-top:20px;margin-bottom:23px}.document-footnote{font-size:9px}.share-column{padding:0 4px}.share-choices legend{font-size:25px;margin-bottom:19px}.share-option{font-size:14px;padding-block:16px}.share-option small{font-size:10px}.share-button{margin-top:23px}.share-feedback{font-size:10px;min-height:30px}.story-code{margin-top:23px;padding:20px 23px}.story-code strong{font-size:38px}.handoff-caption{font-size:9px;padding-inline:19px;padding-bottom:20px}
  .receiver-section{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-top:0;padding-bottom:80px}.receiver-copy{order:0;align-self:auto}.receiver-scene{order:1}.human-response{order:2;align-self:auto}.receiver-copy>.story-step-label{margin-bottom:22px}.receiver-copy h2{font-size:clamp(32px,8vw,43px)}.receiver-copy>p{max-width:360px}.human-question{font-size:28px;margin:0 0 13px;padding-top:22px}.human-note{font-size:9px;max-width:290px}.receiver-toolbar{padding:17px 19px;font-size:11px}.receiver-access{display:none}.receiver-record{padding:24px 22px}.record-top{flex-wrap:nowrap;margin-bottom:22px;font-size:9px}.record-code{font-size:10px;padding:5px 7px}.receiver-record h3{font-size:28px}.receiver-context{font-size:9px}.received-summary>p{font-size:23px}.receiver-scene figcaption{font-size:9px;margin-top:19px;max-width:290px}
  .support-zone .tools-top h2{font-size:33px}.support-zone .safety-simple{padding-block:58px}
}
@media(max-width:360px){.journey-hero{padding-inline:20px}.hero-copy h1{font-size:32px}.hero-copy>p{font-size:13px}.opening-message{padding:22px 21px 28px}.opening-message blockquote{font-size:25px}.opening-scene{min-height:370px}.hero-art{top:-7px}.story-section{padding-left:43px;padding-right:20px}.story-copy h2,.receiver-copy h2{font-size:31px}.handoff-stage-bar{padding-inline:15px;font-size:9px}.handoff-workspace{padding-inline:14px}.story-document{padding:24px 19px 20px}.source-echo{font-size:20px}.summary-content h3{font-size:23px}.summary-content .summary-words{font-size:15px}.share-choices legend{font-size:24px}.share-option{font-size:13px}.share-option small{font-size:9px}.story-code strong{font-size:34px}.receiver-record{padding:22px 19px}.record-top{gap:8px;font-size:8px}.record-code{font-size:9px}.receiver-record h3{font-size:25px}.received-summary>p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-art img{rotate:none;scale:1}.opening-message,.story-document,.receiver-shell{translate:none!important;will-change:auto}.choice-mark,.choice-mark .om-icon,.share-button,.story-code,.record-code{transition:none;transform:none}.thread-progress,.thread-head{display:none}}



/* Chattens form visar vem som säger vad; orden får en gemensam lässkala. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.woven-backdrop{position:absolute;inset:0 0 auto;height:1700px;z-index:0;pointer-events:none;background:url('assets/vav.webp') 65% 0/cover no-repeat;opacity:.13;mask-image:linear-gradient(#000 0%,#000c 30%,transparent 93%)}
.journey-hero{z-index:3;padding-top:55px;padding-bottom:115px}
.opening-scene{min-height:0}
.opening-conversation{position:relative;padding:0;max-width:460px;margin-left:auto}
.hero-art{top:auto;bottom:-25px;right:-15%;opacity:.5}
.chat-window{position:relative;z-index:2;background:linear-gradient(145deg,#19494e,#163f46 65%);border:1px solid #9fbcb84d;border-radius:23px;box-shadow:0 35px 70px -25px #001b2677,inset 0 1px #d7e9d418;overflow:hidden}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid #b6cabc22;background:#113a42a3}
.chat-identity{display:flex;align-items:center;gap:12px;color:#eef1e6;font:600 14px var(--body);line-height:1.5}
.chat-identity img{width:29px;height:29px;filter:brightness(1.35)}
.chat-identity small{display:block;font-size:10px;font-weight:400;color:#b5cec3;margin-top:1px}
.chat-step{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #cfbe9580;border-radius:50%;font:400 11px var(--body);color:#e6cfad}
.chat-window .example-conversation{display:flex;flex-direction:column;gap:18px;padding:25px 22px 28px}
.chat-turn{display:flex;flex-direction:column;max-width:88%;min-width:0}
.chat-turn-person{align-self:flex-end;width:88%}
.chat-turn-ai{align-self:flex-start;width:88%}
.chat-sender{align-self:flex-end;font:400 10px var(--body);line-height:1.5;margin:0 5px 7px;color:#bfd1c7}
.chat-window .opening-message,.chat-window .opening-followup{width:auto;margin:0;padding:15px 18px;background:linear-gradient(125deg,#edd1a6,#e4be8f);color:#323e36;border:1px solid #f4debb6b;border-radius:17px 17px 4px 17px;box-shadow:0 5px 14px #092d331c;translate:none;transform:none;will-change:auto}
.chat-window .opening-reply{display:block;align-items:normal;width:auto;margin:0;padding:16px 18px;background:#2c5d5f;color:#e9efe4;border:1px solid #b6d0bf21;border-radius:17px 17px 17px 4px;box-shadow:none}
.chat-window [data-dialogue]{padding:0;margin:0;border:0;background:none;font:400 15px/1.6 var(--body);letter-spacing:0;min-height:0;max-width:none;color:inherit}
.chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 22px;border-top:1px solid #b6cabc1c;background:#113a4259}
.chat-example-note{font:400 10px/1.5 var(--body);color:#a9c2b7}
.scenario-controls{position:relative;min-width:0;max-width:155px}
.scenario-controls[hidden]{display:none}
.scenario-controls select{appearance:none;display:block;max-width:100%;border:1px solid #a9c5b33d;border-radius:7px;background:#1b444a;color:#dbe5d6;min-height:38px;padding:9px 30px 9px 12px;font:400 11px var(--body);cursor:pointer}
.scenario-controls select:hover{border-color:#d8c39385}
.scenario-controls select:focus-visible,.skip-writing:focus-visible{outline:2px solid #efbd87;outline-offset:3px}
.scenario-chevron{position:absolute;right:9px;top:50%;translate:0 -50%;width:13px;height:13px;pointer-events:none;color:#dfc298;stroke-width:1.3}
.conversation-footer{display:flex;justify-content:flex-end;align-items:center;min-height:30px;margin:7px 5px 0}
.skip-writing{background:none;border:0;border-bottom:1px solid #c7d5bd47;padding:5px 0;font:400 10px var(--body);color:#c7d7c8;cursor:pointer;visibility:hidden}
.skip-writing:hover{color:#f1d2a9;border-color:#e8c69785}
.dialogue-word{display:inline}
.received-chat[hidden]{display:none}
@media(min-width:1600px){.journey-hero{padding-top:70px}.opening-conversation{max-width:475px}.hero-art{top:auto}}
@media(max-width:1100px){.chat-header{padding:19px 21px}.chat-window .example-conversation{padding:23px 18px 25px;gap:16px}.chat-turn{max-width:92%;width:92%}.chat-window .opening-message,.chat-window .opening-followup,.chat-window .opening-reply{padding:14px 16px}.chat-window [data-dialogue]{font-size:14px}.chat-bottom{padding-inline:18px}}
@media(max-width:900px){.journey-hero{padding-top:45px;padding-bottom:95px;gap:36px}.opening-scene{width:430px;margin:0 auto;min-height:0}.opening-conversation{margin:0;max-width:none;padding:0}.chat-turn{width:87%;max-width:87%}.chat-window [data-dialogue]{font-size:15px}.hero-art{width:110%;right:-6%;top:auto}}
@media(max-width:700px){.woven-backdrop{height:1400px;background-position:58% 0;opacity:.12}.journey-hero{padding-top:35px;padding-bottom:85px;gap:36px}.opening-scene{width:360px;margin:0 auto;min-height:0}.hero-art{width:114%;right:-4%;top:auto}.chat-window{border-radius:19px}.chat-header{padding:18px 19px}.chat-window .example-conversation{padding:22px 15px 24px;gap:16px}.chat-turn{width:91%;max-width:91%}.chat-window [data-dialogue]{font-size:14px;line-height:1.6}.chat-window .opening-message,.chat-window .opening-followup,.chat-window .opening-reply{padding:13px 15px}.chat-bottom{padding-inline:17px;gap:8px}.chat-example-note{font-size:9px}.scenario-controls select{font-size:10px;min-height:38px}.conversation-footer{margin-top:5px}}
@media(max-width:360px){.chat-header{padding-inline:16px}.chat-window .example-conversation{padding-inline:12px}.chat-turn{width:94%;max-width:94%}.chat-window .opening-message,.chat-window .opening-followup,.chat-window .opening-reply{padding-inline:13px}.chat-bottom{padding-inline:14px}.chat-example-note{font-size:9px}.scenario-controls{max-width:132px}}
@media(prefers-reduced-motion:reduce){.dialogue-word{opacity:1!important}.skip-writing{display:none!important}}


/* Två roller: varm och rundad för personen, grön och rakare för verksamheten. */
.role-seeker,.role-support{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:5px 10px;font:500 10px/1.5 var(--body);white-space:nowrap}
.role-seeker{color:#f2d3a7;background:#efbd8712;border:1px solid #efbd8757;border-radius:20px}
.role-support{color:#c1e5d8;background:#a6dbcf10;border:1px solid #a6dbcf45;border-radius:4px}
.role-seeker::before{content:'';width:5px;height:5px;background:#efbd87;border-radius:50%;flex:none}
.role-support::before{content:'';width:5px;height:5px;background:#a6dbcf;border-radius:1px;flex:none}
.journey-roles{display:flex;align-items:center;gap:13px;margin-top:23px}
.role-connection{font-size:16px;color:#b4c8b9}
.hero-audiences{display:block;margin-top:11px;max-width:380px;font-size:11px;line-height:1.7;color:#bacfc3}
.hero-development{display:block;margin-top:18px;max-width:330px;font-size:10px;line-height:1.65;color:#a7bfb4}
.chat-sender.role-seeker{padding:0;border:0;background:none;color:#e6c89e;font-size:10px}
.chat-ai-label{align-self:flex-start;color:#c7d0c9;margin-left:5px}
.chat-window .opening-reply,.offer-bubble.offer-ai{background:#345051;border-color:#aebeb72e;color:#e8ede4}
.offer-bubble.offer-ai>span{color:#c6d1c6}
.received-chat p:has([data-received-dialogue=question]),.received-chat p:has([data-received-dialogue=followup]){padding-left:12px;border-left:2px solid #efbd8773}
.received-chat p:has([data-received-dialogue=question]) strong,.received-chat p:has([data-received-dialogue=followup]) strong{color:#e5c499}
.mixed-roles{display:flex;align-items:center;gap:8px;color:#b8cabb}
.interpret-person[data-speaker=seeker] .speaker{color:#efc99b}
.interpret-person[data-speaker=seeker] #interpret-original{border-left:2px solid #efbd87;padding-left:16px}
.interpret-person[data-speaker=seeker] .wave{color:#efbd87}
.interpret-person[data-speaker=support] .speaker{color:#bcdfc9}
.interpret-person[data-speaker=support] #interpret-original{border-left:2px solid #a6dbcf;padding-left:16px}
.interpret-target{border-left:2px solid #a6dbcf;border-radius:4px}
.interpret-target[data-recipient=seeker]{border-left-color:#efbd87}
.interpret-target[data-recipient=seeker] .speaker{color:#efc99b}
.question-bubble{border-radius:5px 14px 14px 5px;border-left:2px solid #a6dbcf}
.handoff-heading>p{max-width:550px}
.handoff-stage{border-color:#edc28f45;border-radius:20px}
.handoff-stage-bar{border-radius:20px 20px 0 0}
.handoff-stage-bar>span:first-child{color:#edcfaa}
.recipient-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;max-width:400px}
.recipient-examples span{display:inline-flex;padding:6px 9px;border:1px solid #a6dbcf3a;border-radius:4px;color:#bddccb;background:#a6dbcf08;font-size:10px;line-height:1.4}
.receiver-toolbar .receiver-access.role-support{display:inline-flex;font-size:9px;padding:4px 7px}
.receiver-toolbar{flex-wrap:wrap;gap:9px;padding-inline:20px}
.record-top{flex-wrap:wrap}
.tools-intro{max-width:650px;font-size:15px;line-height:1.8;color:#bcd0c3;margin:22px 0 35px}
.tool-story .tool-role{margin-bottom:20px}
.tool-story>p{max-width:340px}
.example-speaker{display:block;font-size:10px;line-height:1.6;color:#afcfbd;margin-bottom:10px}
.safety-short>p:first-child{color:#edcea5}
.safety-short>p:not(:first-child){color:#c4decd}
.offer-invitation{display:grid;grid-template-columns:110px 1fr;gap:32px;align-items:center;padding-block:55px 65px;border-top:1px solid #b3cbb22a;border-bottom:1px solid #b3cbb22a}
.offer-count-art{font:400 150px/.85 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #dcc49880;align-self:start}
.offer-invitation h2{font:500 clamp(28px,3vw,40px)/1.15 var(--display);letter-spacing:-.04em;color:#e9ecde}
.offer-invitation p{max-width:550px;font-size:14px;line-height:1.8;color:#bed0c2;margin:16px 0 22px}
.offer-pills{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:25px 0 29px;padding:0;max-width:760px}
.offer-pills li{display:flex;max-width:100%;margin:0;padding:0}
.offer-pill{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 17px;min-height:46px;max-width:100%;border:1px solid #a6dbcf4b;border-radius:25px;background:#a6dbcf09;color:#d1e4d8;font:500 12px/1.5 var(--body);text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.offer-pill[data-offer-open="0"]{border-color:#efbd8770;background:#efbd8710;color:#f0d2ab}
.offer-pill-arrow{font-size:17px;font-weight:400;line-height:1;opacity:.65;flex:none;transition:transform .2s,opacity .2s}
.offer-pill:enabled:hover{background:#a6dbcf19;border-color:#b9decb99;transform:translateY(-2px)}
.offer-pill[data-offer-open="0"]:enabled:hover{background:#efbd8724;border-color:#efbd87}
.offer-pill:enabled:hover .offer-pill-arrow{transform:translate(2px,-2px);opacity:1}
.offer-pill:active{transform:translateY(0)}
.offer-pill:disabled{cursor:default}
.offer-pill:focus-visible{outline:2px solid #efbd87;outline-offset:4px}
.offer-open{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 18px;border:1px solid #efbd8799;border-radius:5px;background:#e9c599;color:#253f3d;font:600 12px/1.5 var(--body);cursor:pointer;transition:background .2s,transform .2s}
.offer-open[hidden]{display:none}
.offer-open:hover{background:#f6d8b0;transform:translateY(-2px)}
.offer-open span{font-size:20px;line-height:1}
.offers-dialog{width:min(1080px,calc(100% - 48px));max-width:none;height:min(850px,92dvh);max-height:92dvh;margin:auto;padding:0;background:#153e43;color:#ecf0e5;border:1px solid #9cbfb257;border-radius:18px;box-shadow:0 40px 150px #00151dc9;overflow:hidden}
.offers-dialog::backdrop{background:#001b23d6;backdrop-filter:blur(9px)}
.offers-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.offers-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 30px;border-bottom:1px solid #afc9b72a;flex:none;background:#12363d}
.offers-header p{font-size:10px;color:#b1cdbd;margin:0 0 6px}
.offers-header h2{font:500 23px/1.2 var(--display);letter-spacing:-.03em;margin:0;color:#edf0e4}
.offers-header button{flex:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid #a5c1b83d;background:transparent;color:#e0e8db;border-radius:50%;font:300 27px/1 var(--body);cursor:pointer}
.offers-header button:hover{background:#b5d0bd1a}
.offers-layout{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6e9485 #153e43;flex:1}
.offers-nav{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;padding:19px 13px;gap:5px}
.offers-nav button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:13px 11px;border:1px solid transparent;background:none;color:#b9d0c2;text-align:left;border-radius:6px;font:400 11px/1.55 var(--body);cursor:pointer}
.offers-nav button>span{font:400 12px var(--display);color:#a9bda9;padding-top:1px}
.offers-nav button:hover{background:#b2d0b60a;color:#eef0e4}
.offers-nav button[aria-pressed=true]{border-color:#dac59b61;background:#d3bc9320;color:#f1d7b1}
.offers-nav button[aria-pressed=true]>span{color:#efcfa3}
.offers-mobile-choice{display:none}
.offer-detail{min-width:0;padding:27px 30px 30px;border-left:1px solid #abc7b322;background:linear-gradient(120deg,#22534d2e,transparent)}
.offer-heading>span{display:block;font-size:10px;color:#ddc8a7;margin-bottom:10px}
.offer-heading h3{font:500 32px/1.15 var(--display);letter-spacing:-.04em;color:#eef1e6;margin:0 0 13px}
.offer-heading>p{max-width:660px;color:#c2d4c8;font-size:13px;line-height:1.8;margin:0}
.offer-variants{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.offer-variants[hidden]{display:none}
.offer-variants button{border:1px solid #a6c5b643;background:transparent;color:#bcd2c4;border-radius:5px;padding:8px 12px;min-height:36px;font:500 10px/1.4 var(--body);cursor:pointer}
.offer-variants button[aria-pressed=true]{background:#b1d1bb1c;border-color:#bbd9c185;color:#e3eddf}
.offer-steps{display:flex;margin:24px 0 22px;border-bottom:1px solid #a4c4b338;gap:10px}
.offer-steps button{flex:1;display:flex;align-items:center;gap:8px;text-align:left;min-width:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#b4cbbd;padding:0 0 12px;font:400 10px/1.4 var(--body);cursor:pointer}
.offer-steps button>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #abcbb64d;border-radius:50%;font-size:10px;flex:none}
.offer-steps button[aria-current=step]{border-bottom-color:#efbd87;color:#f1d6af}
.offer-steps button[aria-current=step]>span{background:#efbd87;border-color:#efbd87;color:#203c39}
.offer-scene-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 11px}
#offer-role{display:flex;align-items:center;gap:6px;color:#bdcbb8}
.offer-scene-header>span:last-child{font-size:9px;color:#a6c1b1}
.offer-scene{display:flex;flex-direction:column;gap:15px;padding:24px;border:1px solid #a6dbcf45;border-radius:7px;background:radial-gradient(ellipse at 50% 0,#35686049,transparent 85%),#12383f;min-height:205px;min-width:0}
.offer-scene[data-role=seeker]{border-color:#efbd8757;border-radius:18px}
.offer-scene[data-role=both]{border-color:#d9c89b60;border-radius:18px 7px 7px 18px}
.offer-step-explanation{font-size:12px;line-height:1.8;color:#cedbcd;margin:15px 0 22px}
.offer-bubble{width:86%;padding:15px 18px;border:1px solid #b4d1c52d;border-radius:15px 15px 15px 3px;background:#2b5d5a;color:#e7eee0;align-self:flex-start}
.offer-bubble>span{display:block;font-size:9px;color:#b6d3c3;margin-bottom:7px}
.offer-bubble>p{font-size:13px;line-height:1.65;margin:0}
.offer-bubble.offer-person{align-self:flex-end;background:linear-gradient(135deg,#ecd2ab,#e3bd8f);color:#304339;border-color:#eed6af;border-radius:15px 15px 3px 15px}
.offer-person>span{color:#665d44}
.offer-sheet{padding:25px 28px;background:linear-gradient(135deg,#eff0e1,#dbe2cf);color:#264941;border:1px solid #ecf1df;border-radius:3px 19px 3px 3px;box-shadow:0 12px 30px #021e241c}
.offer-sheet>span{font-size:9px;color:#547060}
.offer-sheet h4{font:500 24px/1.2 var(--display);letter-spacing:-.03em;margin:11px 0 17px}
.offer-sheet>p{font-size:13px;line-height:1.8;margin:0 0 13px}
.offer-sheet small{font-size:10px;line-height:1.7;color:#526c57}
.offer-choice{font-size:10px;line-height:1.6;border-top:1px solid #476e5036;padding-top:14px;color:#41634c}
.offer-code{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e6c49754;padding:14px 18px;border-radius:5px;color:#e8cea6;background:#baae7b10}
.offer-code span{font-size:10px;line-height:1.6}
.offer-code strong{font:500 25px var(--display);letter-spacing:.06em;white-space:nowrap}
.offer-workspace,.offer-workshop{padding:7px 2px}
.offer-workspace>span,.offer-workshop>span,.offer-document-shelf>span,.offer-dashboard>span{display:block;font-size:10px;line-height:1.7;color:#a9cbbc;margin-bottom:18px}
.offer-workspace h4,.offer-workshop h4{font:500 27px/1.2 var(--display);letter-spacing:-.035em;margin:0 0 17px;color:#e5eedf}
.offer-workspace>p,.offer-workshop>p{font-size:13px;line-height:1.8;color:#c4d9c8}
.offer-human-question{margin-top:22px;padding-top:18px;border-top:1px solid #a0c7b73d;font-size:10px;line-height:1.8;color:#acccba}
.offer-human-question strong{display:block;font:400 24px/1.4 var(--display);color:#d3e8cc;margin-top:8px}
.offer-document-shelf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px}
.offer-document-shelf>span{width:100%;margin-bottom:3px}
.offer-document-shelf>strong{font-size:10px;font-weight:400;padding:11px 14px;border:1px solid #b9d0b442;border-radius:3px;background:#b3d0b515;color:#d0dfc9}
.offer-citation{font-size:10px;line-height:1.6;padding:12px 15px;border-left:2px solid #b5d7b8;background:#acd0b111;color:#b8d7bf}
.offer-rows{display:flex;flex-direction:column;width:100%}
.offer-rows>div{padding:14px 0;border-bottom:1px solid #a9c8b42b}
.offer-rows>div:first-child{padding-top:0}
.offer-rows>div:last-child{padding-bottom:0;border:0}
.offer-rows strong{font-size:10px;font-weight:500;color:#b8d5bf}
.offer-rows p{font-size:13px;line-height:1.75;margin:6px 0 0;color:#dfebd9}
.offer-sheet .offer-rows strong{color:#476e55}
.offer-sheet .offer-rows p{color:#2f4f42}
.offer-sheet .offer-rows>div{border-color:#496c4933}
.offer-wave{display:flex;justify-content:center;align-items:center;gap:5px;height:65px;width:100%;padding:5px 0;color:#b4d8c2}
.offer-wave i{display:block;flex:0 1 5px;height:var(--bar);background:currentColor;border-radius:3px;transform-origin:center}
.offer-scene:has(.offer-person) .offer-wave{color:#e5c394}
.offers-dialog[open] .offer-wave i{animation:offer-wave .9s ease-in-out var(--delay) 4 alternate}
.offers-dialog.motion-paused .offer-wave i{animation-play-state:paused}
@keyframes offer-wave{0%{scale:1 .3;opacity:.45}100%{scale:1 1;opacity:1}}
.offer-route{display:flex;align-items:center;gap:18px;flex:1}
.offer-route>div{flex:1;padding:23px 17px;border:1px solid #a9c7ae63;background:#9cc8ad10;border-radius:5px;font:400 20px/1.35 var(--display);color:#dce9d4;text-align:center}
.offer-route>span{font-size:22px;color:#dfc899}
.offer-output-options{display:flex;flex-direction:column;gap:13px}
.offer-output-options strong{font:400 13px/1.5 var(--body)}
.offer-scene-note{font-size:10px;line-height:1.8;color:#aac5b5;margin:3px 0 0}
.offer-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.offer-deck>div{position:relative;min-height:184px;padding:17px 15px 35px;border:1px solid #c8d6b56b;border-radius:3px;background:linear-gradient(150deg,#dce4cb,#b0c6a9);color:#234639;box-shadow:0 10px 22px #051c2029}
.offer-deck>div:nth-child(2){background:#224d43;color:#dbe7ce}
.offer-deck>div:nth-child(3){background:#ddc49a;color:#364b36}
.offer-deck>div>span{font:500 13px var(--display);letter-spacing:-.04em;opacity:.8}
.offer-deck h4{font:500 21px/1.15 var(--display);letter-spacing:-.03em;margin:22px 0 9px;overflow-wrap:anywhere}
.offer-deck p{font-size:10px;line-height:1.6;margin:0}
.offer-deck small{position:absolute;bottom:12px;left:15px;font-size:8px;opacity:.65}
.offer-boundary{border:1px dashed #b6d4b576;border-radius:8px;padding:22px;color:#cfe1cb}
.offer-boundary>span{font:400 21px/1.2 var(--display)}
.offer-boundary>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}
.offer-boundary strong{font:400 11px/1.5 var(--body);padding:13px;border:1px solid #b8d1b545;border-radius:3px;background:#b5d1ae10}
.offer-boundary small{display:block;font-size:10px;line-height:1.7;color:#a9c8b3}
.offer-dashboard{padding:5px 0}
.offer-bar{display:grid;grid-template-columns:180px 1fr 30px;align-items:center;gap:16px;margin:23px 0}
.offer-bar>span{font-size:11px;color:#bed6c2}
.offer-bar>div{height:8px;border-radius:6px;background:#a7c5a712;overflow:hidden}
.offer-bar i{display:block;width:var(--value);height:100%;background:linear-gradient(90deg,#92beaa,#d8c797);border-radius:6px;transform-origin:left}
.offers-dialog[open] .offer-bar i{animation:offer-bar-in .6s cubic-bezier(.2,.7,.3,1) both}
@keyframes offer-bar-in{from{scale:0 1}to{scale:1}}
.offer-bar>strong{font:400 19px var(--display);color:#e3d4b3;text-align:right}
.offer-dashboard small{font-size:10px;line-height:1.7;color:#a6c1ae;display:block}
.offer-stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}
.offer-stat-pair>div{display:flex;flex-direction:column;padding:20px;border:1px solid #a0c0a54d;border-radius:5px}
.offer-stat-pair strong{font:400 50px/1 var(--display);letter-spacing:-.05em;color:#e4d1aa}
.offer-stat-pair span{font-size:11px;color:#b5d0ba;margin-top:14px}
.offer-dashboard>p{font-size:13px;line-height:1.7;color:#c7dec7}
.offer-business{border-top:1px solid #a5c4af3d}
.offer-business summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;list-style:none;font:500 11px/1.5 var(--body);color:#e1d0ae;cursor:pointer}
.offer-business summary::-webkit-details-marker{display:none}
.offer-business summary span{font-size:20px;font-weight:300}
.offer-business[open] summary span{rotate:45deg}
.offer-business dl{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:7px 0 5px}
.offer-business dl>div:last-child{grid-column:1/-1}
.offer-business dt{font-size:10px;color:#acccb9;margin-bottom:8px}
.offer-business dd{font-size:12px;line-height:1.8;color:#d4e1cf;margin:0}
.offers-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 30px;background:#12363d;border-top:1px solid #afc9b72a;flex:none}
.offers-footer>span{font-size:10px;color:#b8cdbb}
.offers-footer>div{display:flex;gap:10px}
.offers-footer button{border:1px solid #aac6b747;padding:10px 14px;min-height:40px;border-radius:5px;background:none;color:#d1e0ca;font:500 11px/1.5 var(--body);cursor:pointer}
.offers-footer #offer-next{color:#283e33;background:#e4c699;border-color:#e8cda5}
.offers-footer button:disabled{opacity:.35;cursor:default}
.offers-dialog button:focus-visible,.offers-dialog select:focus-visible,.offers-dialog summary:focus-visible,.offer-open:focus-visible{outline:2px solid #efbd87;outline-offset:3px}
@media(max-width:900px){.journey-roles{justify-content:center}.hero-audiences,.hero-development{margin-inline:auto}.offers-layout{grid-template-columns:185px minmax(0,1fr)}.offer-detail{padding:25px 22px}.offer-deck{grid-template-columns:1fr}.offer-deck>div{min-height:140px}.offer-deck h4{margin-top:15px}.offer-bar{grid-template-columns:140px 1fr 28px;gap:12px}}
@media(max-width:720px){
  .hero-development{max-width:270px}.hero-audiences{max-width:290px}.handoff-stage{border-radius:15px}.handoff-stage-bar{border-radius:15px 15px 0 0}.recipient-examples{gap:6px}.recipient-examples span{font-size:9px}.receiver-toolbar{padding-inline:17px}.receiver-toolbar .receiver-access.role-support{font-size:8px}.receiver-toolbar>span:first-child{font-size:10px}.tools-intro{font-size:14px;margin-top:18px}.offer-invitation{grid-template-columns:43px 1fr;gap:19px;padding-block:40px 45px}.offer-count-art{font-size:78px}.offer-invitation h2{font-size:29px}.offer-invitation p{font-size:13px}.offer-open{font-size:11px;gap:14px;padding:12px 14px;text-align:left}
  .offers-dialog{width:calc(100% - 20px);height:94dvh;max-height:94dvh;border-radius:13px}.offers-header{padding:17px 18px;gap:12px}.offers-header h2{font-size:20px}.offers-header p{font-size:9px}.offers-header button{width:38px;height:38px;font-size:25px}.offers-layout{display:block}.offers-nav{display:none}.offers-mobile-choice{display:block;padding:17px 18px;background:#163c40;border-bottom:1px solid #b8cdb829}.offers-mobile-choice label{display:block;font-size:10px;color:#b9d0c0;margin-bottom:8px}.offers-mobile-choice select{display:block;width:100%;min-height:42px;padding:10px;border:1px solid #c5ca9e65;border-radius:5px;background:#234b48;color:#ecebd7;font:400 12px var(--body)}.offer-detail{padding:24px 18px;border:0}.offer-heading h3{font-size:28px}.offer-heading>p{font-size:12px}.offer-steps{gap:9px;margin-top:22px}.offer-steps button{flex-direction:column;align-items:flex-start;gap:9px;font-size:9px;line-height:1.5}.offer-scene{padding:17px;min-height:180px}.offer-scene-header{gap:6px}.offer-scene-header>span:last-child{font-size:8px}.offer-scene-header .role-seeker,.offer-scene-header .role-support{font-size:8px;padding:4px 6px}.offer-bubble{width:94%;padding:14px}.offer-bubble>p{font-size:12px}.offer-step-explanation{font-size:11px}.offer-sheet{padding:20px}.offer-sheet h4{font-size:23px}.offer-sheet>p,.offer-rows p{font-size:12px}.offer-code{flex-wrap:wrap;padding:12px 15px;gap:8px}.offer-code strong{font-size:24px}.offer-route{flex-direction:column;gap:10px}.offer-route>div{width:100%;font-size:20px;padding:18px}.offer-route>span{rotate:90deg;font-size:19px}.offer-deck{gap:10px}.offer-deck>div{min-height:150px;padding:19px 20px 35px}.offer-deck h4{font-size:26px;margin-top:18px}.offer-deck p{font-size:12px}.offer-deck small{left:20px}.offer-boundary{padding:17px}.offer-boundary>div{grid-template-columns:1fr}.offer-boundary>span{font-size:21px}.offer-bar{grid-template-columns:1fr 30px;gap:8px;margin:19px 0}.offer-bar>span{grid-column:1/-1}.offer-stat-pair{gap:10px}.offer-stat-pair>div{padding:16px 12px}.offer-stat-pair strong{font-size:43px}.offer-stat-pair span{font-size:10px}.offer-business dl{grid-template-columns:1fr;gap:20px}.offers-footer{padding:12px 16px;gap:10px}.offers-footer>span{font-size:9px}.offers-footer>div{gap:7px}.offers-footer button{font-size:10px;padding:9px 10px}.offer-workspace h4,.offer-workshop h4{font-size:24px}.offer-human-question strong{font-size:22px}
}
@media(max-width:360px){.offer-invitation{grid-template-columns:1fr;gap:15px}.offer-count-art{font-size:58px}.offer-open{width:100%}.offers-header h2{font-size:18px}.offers-footer{padding-inline:12px}.offers-footer button{font-size:9px;padding-inline:8px}.offer-scene-header{flex-wrap:wrap}.receiver-toolbar>span:first-child{font-size:9px}}
@media(max-width:600px){.offer-invitation{grid-template-columns:1fr;gap:18px}.offer-count-art{font-size:70px}.offer-pills{gap:9px;margin-block:23px 26px}.offer-pills li{width:100%}.offer-pill{width:100%;min-height:47px;padding:12px 16px;font-size:12px}.offer-invitation .offer-open{width:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.offer-open,.offer-pill,.offer-pill-arrow{transition:none;transform:none}.offer-pill:enabled:hover,.offer-pill:enabled:hover .offer-pill-arrow{transform:none}.offers-dialog[open] .offer-wave i,.offers-dialog[open] .offer-bar i{animation:none}}


/* Överblick först, detalj vid behov. Exemplen bär berättelsen. */
.hero-context{display:block;margin-top:10px;font-size:13px;line-height:1.7;color:#c8d7c9}
.journey-hero{padding-bottom:60px}
.journey-overview{position:relative;z-index:3;padding-block:72px}
.overview-label{font-size:11px;color:#b9cdbf;margin:0 0 23px}
.journey-overview ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:25px}
.journey-overview li{position:relative;padding-top:22px;min-width:0;border-top:1px solid #dbc29756}
.journey-overview li::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#e6c394;box-shadow:0 0 0 6px #173f43}
.journey-overview li:not(:last-child)::after{content:'→';position:absolute;top:-10px;right:-17px;color:#c8c6a5;font-size:14px;line-height:1}
.journey-overview a{display:block;text-decoration:none;padding:3px 0 12px;color:#e8d5b7;border-radius:3px}
.journey-overview strong{display:block;font:500 18px/1.35 var(--display);letter-spacing:-.025em}
.journey-overview a>span{display:block;margin-top:9px;font:400 11px/1.6 var(--body);color:#bacfbe;max-width:210px}
.journey-overview .overview-support{border-color:#a6dbcf5c}
.journey-overview .overview-support::before{background:#a6dbcf;border-radius:1px}
.journey-overview .overview-support a{color:#c8e2cd}
.journey-overview a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.journey-overview a:focus-visible{outline:2px solid #efbd87;outline-offset:6px}
.story-more{max-width:420px;margin-top:20px;border-top:1px solid #a7c6b62d;text-align:left}
.story-more summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;min-height:44px;color:#c3d7c6;font:500 11px/1.6 var(--body);list-style:none;cursor:pointer}
.story-more summary::-webkit-details-marker{display:none}
.story-more summary>span{font-size:19px;font-weight:300;line-height:1;color:#decba6}
.story-more[open] summary>span{rotate:45deg}
.story-more>p{font-size:13px;line-height:1.8;color:#c3d4c7;margin:0 0 18px;max-width:440px}
.story-more summary:focus-visible{outline:2px solid #efbd87;outline-offset:4px}
.safety-context{grid-column:1/-1;max-width:530px;margin-top:20px}
.safety-context .safety-note{margin:0;font-size:13px;line-height:1.7}
.safety-context .story-more{margin-top:13px;max-width:530px}
.handoff-heading>p{max-width:470px}
@media(max-width:900px){.journey-overview ol{gap:19px}.journey-overview strong{font-size:16px}.journey-overview li:not(:last-child)::after{right:-14px}.hero-context{font-size:12px}.journey-hero{padding-bottom:50px}}
@media(max-width:700px){.journey-overview{padding-bottom:50px}.journey-overview ol{grid-template-columns:1fr;gap:0;margin-left:4px}.journey-overview li{padding:0 0 22px 23px;border-top:0;border-left:1px solid #dbc29756}.journey-overview li::before{left:-4px;top:7px;width:7px;height:7px;box-shadow:0 0 0 5px #173f43}.journey-overview li:not(:last-child)::after{content:none}.journey-overview li:last-child{border-left-color:transparent;padding-bottom:0}.journey-overview strong{font-size:18px}.journey-overview a{padding:0}.journey-overview a>span{margin-top:5px;max-width:none;font-size:11px}.overview-label{font-size:10px;line-height:1.6;margin-bottom:22px}.story-more>p{font-size:12px}.safety-context{margin-top:16px}}
@media(max-width:400px){.site-header .nav-contact{font-size:10px;gap:8px;padding:9px 11px}}


/* Navigationen visar läsposition. Den tar ingen plats i dokumentflödet. */
.journey-dock{position:fixed;inset:0 0 auto;z-index:60;background:#10383ef5;backdrop-filter:blur(18px);border-bottom:1px solid #adcaba40;box-shadow:0 12px 35px #031b2533;color:#c4d9cd}
.journey-dock[hidden]{display:none}
.journey-dock-inner{display:flex;align-items:center;gap:30px;max-width:1220px;margin:auto;padding:12px 32px;min-height:72px}
.dock-caption{flex:none;font:500 11px/1.5 var(--body);color:#b2cbbd}
.journey-dock ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0;flex:1}
.journey-dock li{min-width:0}
.journey-dock a{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:46px;border:1px solid transparent;border-radius:8px;color:#acc6b8;font:500 12px/1.5 var(--body);text-decoration:none;transition:background .18s,border-color .18s,color .18s}
.dock-index{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #a9c4b345;border-radius:50%;font:400 11px/1 var(--body)}
.journey-dock a:hover{background:#a6dbcf0e;color:#e3e9db}
.journey-dock a[aria-current=step]{background:#edc49717;border-color:#edc49762;color:#f1d3a9}
.journey-dock a[aria-current=step] .dock-index{background:#edc497;border-color:#edc497;color:#29413a}
.journey-dock .dock-support .dock-index{border-radius:4px}
.journey-dock .dock-support a[aria-current=step]{background:#a6dbcf16;border-color:#a6dbcf66;color:#cbe9d9}
.journey-dock .dock-support a[aria-current=step] .dock-index{background:#a6dbcf;border-color:#a6dbcf}
.journey-dock a:focus-visible{outline:2px solid #efbd87;outline-offset:2px}
.journey-overview a[aria-current=step] strong{color:#f5dab1}
.journey-overview .overview-support a[aria-current=step] strong{color:#d4e9d5}
:root{scroll-padding-top:calc(var(--journey-dock-height,76px) + 20px)}
#resan,#dela,#handoff-code,#motet{scroll-margin-top:0}
.code-step{display:block;font:500 9px/1.5 var(--body);text-transform:uppercase;letter-spacing:.08em;color:inherit;opacity:.8;margin-bottom:10px}
.support-zone{position:relative;border-top:1px solid #a6dbcf61;background:radial-gradient(ellipse at 70% 0,#4b87692b,transparent 55%),linear-gradient(#194a46,#123b42 780px,#143f46 1250px)}
.support-zone::before{content:'';position:absolute;top:-2px;left:50%;translate:-50% 0;width:100px;height:3px;background:#a6dbcf;box-shadow:0 0 24px #a6dbcf45}
.support-zone .tools-top{align-items:flex-end;padding:0 0 30px;border-bottom:1px solid #b9dccb26;gap:28px}
.support-zone .tools-title-group{min-width:0}
.support-zone .tools-title-group>.role-support{font-size:11px;padding:7px 11px;margin-bottom:25px;border-color:#a6dbcf70;background:#a6dbcf14;color:#c9e7d7}
.support-zone .tools-top h2{max-width:720px;color:#dbeee0}
.support-zone .tools-top .status-label{font-size:10px;color:#c0d5c6}
@media(max-width:900px){.journey-dock-inner{gap:18px;padding-inline:23px}.journey-dock a{font-size:11px;gap:8px;padding-inline:9px}.journey-dock ol{gap:5px}.dock-caption{font-size:10px}}
@media(max-width:700px){.journey-dock-inner{padding:8px 10px;min-height:76px}.dock-caption{display:none}.journey-dock ol{gap:5px}.journey-dock a{flex-direction:column;gap:5px;padding:5px 3px;font-size:10px;line-height:1.4;min-height:58px}.dock-index{width:20px;height:20px;font-size:10px}.support-zone .tools-top{padding-bottom:23px}.support-zone .tools-title-group>.role-support{margin-bottom:20px;font-size:10px}.support-zone .tools-top h2{font-size:clamp(31px,8vw,41px)}}
@media(prefers-reduced-motion:reduce){.journey-dock a{transition:none}}


/* Börja med besökarens behov. Större lästext även på små skärmar. */
.theme-night{font-size:18px}
.theme-night .journey-hero{align-items:start;gap:clamp(36px,5vw,80px);padding-top:64px;padding-bottom:88px;min-height:0;text-align:left}
.theme-night .hero-copy{padding-top:22px;padding-bottom:0}
.theme-night .hero-copy>p{font-size:21px;line-height:1.65;max-width:540px;margin:28px 0 0}
.theme-night .hero-context{font-size:19px;line-height:1.65;color:#d8e5dc;margin-top:18px}
.theme-night .hero-audiences{max-width:540px;margin:26px 0 0;padding:18px 22px;border-left:3px solid var(--honey);background:linear-gradient(90deg,#efbd8719,#efbd8706);border-radius:0 10px 10px 0;color:var(--paper)}
.hero-audiences>span{display:block;font:500 16px/1.5 var(--body);color:#c9ded2;margin-bottom:9px}
.hero-audiences>strong{display:block;font:500 clamp(25px,2.25vw,32px)/1.25 var(--display);letter-spacing:-.025em;color:#f2d2a8}
.customer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:28px}
.theme-night .customer-actions .follow-story{margin:0;font-size:17px}
.theme-night .customer-actions .primary{background:var(--honey);color:var(--deep);font-size:18px;gap:24px}
.theme-night .customer-actions .primary:hover{background:#f5d3aa}
.theme-night .hero-development{font-size:16px;line-height:1.6;max-width:440px;margin:24px 0 0;color:#c9ded2}
.theme-night .follow-story{font-size:18px;line-height:1.55;gap:20px;margin-top:28px;max-width:100%}
.theme-night .follow-story .om-icon{flex:none}
.first-contact{position:relative;isolation:isolate;border:1px solid #c0daca50;border-radius:8px 36px 8px 8px;padding:34px;background:linear-gradient(145deg,#2d5657e6,#1b444be8);overflow:hidden}
.intro-label{display:block;font-size:16px;line-height:1.6;font-weight:600;color:var(--honey);margin-bottom:18px}
.first-contact h2{font:500 clamp(30px,3.1vw,44px)/1.12 var(--display);letter-spacing:-.045em;color:var(--paper);margin:0}
.first-contact p{font-size:19px;line-height:1.65;color:#d6e5da;margin:20px 0 0}
.first-contact-answer{margin-top:26px;padding-top:25px;border-top:1px solid #c4d9c84d}
.first-contact-answer .intro-label{color:#bde5d4;margin-bottom:12px}
.first-contact-answer h3{font:500 28px/1.2 var(--display);letter-spacing:-.03em;color:#bde5d4;margin-bottom:15px}
.first-contact-answer p{margin:0}
.theme-night .first-contact .hero-art{z-index:-1;opacity:.13;top:auto;bottom:-110px;right:-70px;width:400px;max-width:100%;height:auto;margin:0}
.visitor-benefits{padding-top:64px;padding-bottom:70px;border-top:1px solid #b3d1c438;z-index:2}
.benefits-heading{max-width:810px}
.benefits-heading .intro-label{margin-bottom:24px}
.theme-night .benefits-heading>p{max-width:680px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.benefit{border-top:1px solid #aacabb66;padding-top:22px;min-width:0}
.benefit-number{display:block;font:400 18px/1.5 var(--body);color:var(--honey);margin-bottom:19px}
.benefit h3{font:500 29px/1.15 var(--display);letter-spacing:-.035em;color:var(--paper);margin:0 0 18px}
.benefit p{font-size:18px;line-height:1.7;color:#cbdbd1;margin:0 0 18px}
.benefit .benefit-answer{color:#edf2e9;margin-bottom:0}
.conversation-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;align-items:center;padding-top:45px;padding-bottom:110px}
.conversation-section .story-step-label{margin-bottom:25px}
.theme-night .conversation-section .opening-scene{width:100%;max-width:520px;min-height:0;margin:0 auto}
.theme-night .conversation-section .opening-conversation{max-width:none;margin:0;padding:0}
.theme-night .conversation-note{color:#bdd3c6}

/* Löptext och förklaringar på den befintliga huvudsidan. */
.theme-night :is(.story-copy>p,.summary-content .summary-words,.story-more>p,.faq-answer p,.contact-grid>div>p,.founders>p,.offer-invitation p,.safety-note,.tools-intro){font-size:19px;line-height:1.7}
.theme-night .hero-copy>p{font-size:21px}
.theme-night :is(.tool-story>p:not(.section-label),.safety-short p,.chat-window [data-dialogue],.received-chat p){font-size:18px;line-height:1.7}
.theme-night :is(.hero-development,.story-step-label,.overview-label,.journey-overview a>span,.story-more summary,.role-seeker,.role-support,.document-kicker,.draft-label,.document-footnote,.share-option small,.share-feedback,.code-step,.code-label,.code-caption,.handoff-caption,.receiver-context,.record-label,.record-foot,.human-note,.receiver-scene figcaption,.chat-identity small,.chat-sender,.chat-example-note,.skip-writing,.example-speaker,.status-label,.section-label,.recipient-examples span,.app-bar,.app-sidebar,.app-note,.source-tag,.result-tag,.site-footer>div,.site-footer button,.site-footer a){font-size:16px;line-height:1.6}
.theme-night :is(.journey-overview strong,.tool-tabs button>span:last-child){font-size:22px;line-height:1.35}
.theme-night :is(.tool-tabs small,.tools-title-group>.role-support,.tools-top .status-label){font-size:16px;line-height:1.6}
.theme-night :is(.share-option,.share-button,.chat-identity,.scenario-controls select,.offer-pill,.offer-open,.primary,.text-link,.email-link,.app-action,.output-tabs button){font-size:17px;line-height:1.55}
.theme-night .share-option{align-items:start}
.theme-night :is(.share-option>span:last-child,.record-foot>span){min-width:0}
.theme-night .share-option input,.theme-night .choice-mark{margin-top:4px}
.theme-night .role-seeker,.theme-night .role-support{white-space:normal}
.theme-night :is(.handoff-stage-bar,.receiver-toolbar,.record-top){font-size:16px;line-height:1.5;flex-wrap:wrap}
.theme-night .record-code{font-size:16px;white-space:nowrap}
.theme-night .record-top{gap:12px}
.theme-night .receiver-access.role-support{font-size:16px}
.theme-night .handoff-heading>p{max-width:640px}
.theme-night .story-more{max-width:530px}
.theme-night .journey-overview a>span{max-width:none}
.theme-night .scenario-controls{max-width:185px;flex:none}
.theme-night .chat-bottom{flex-wrap:wrap;gap:12px}
.theme-night .chat-step{width:30px;height:30px;font-size:16px}
.theme-night .chat-sender.role-seeker{font-size:16px}
.theme-night .chat-turn{width:94%;max-width:94%}
.theme-night .faq summary{font-size:21px;line-height:1.5}
.theme-night .site-header nav>a{font-size:16px;line-height:1.5}
.theme-night .site-header nav{gap:22px}
.theme-night .site-header .nav-contact{font-size:16px;white-space:normal}
.theme-night :is(.contact a,.site-footer a){overflow-wrap:anywhere}
.theme-night .journey-dock a{font-size:16px;line-height:1.4}
.theme-night .dock-caption{font-size:16px}
.theme-night .dock-index{font-size:14px}
.theme-night :is(.story-step-label>span,.handoff-stage-bar>span:last-child,.app-toolbar,.small-pill,.knowledge-layout aside>p,.document,.contact-note,.site-footer>p,.privacy-inner a){font-size:16px;line-height:1.6}
.theme-night :is(.question-bubble,.answer,.source-excerpt,.output-document,.interpret-person>p,.interpret-target>p,.privacy-inner p){font-size:18px;line-height:1.7}
.theme-night :is(.demo-action,.speaker,.quiet-note,.source-button,.result-label,.output-option,.format-tabs button){font-size:16px;line-height:1.6}
.theme-night .knowledge-layout{grid-template-columns:minmax(160px,.65fr) minmax(0,2fr)}
.theme-night .app-toolbar{flex-wrap:wrap;gap:10px}
.theme-night .document{white-space:normal}
.theme-night .site-footer a.brand{font-size:30px}
.theme-night .review-note{font-size:16px;line-height:1.6}
.theme-night .tool-tabs small{display:block}

@media(max-width:1000px){
  .theme-night .journey-hero{grid-template-columns:minmax(0,1fr);padding:42px 48px 64px;gap:40px}
  .theme-night .hero-copy{padding:0;max-width:680px}
  .theme-night .hero-copy h1{font-size:clamp(44px,7vw,63px)}
  .theme-night .hero-copy>p{max-width:600px;margin-left:0}
  .first-contact{max-width:760px}
  .first-contact h2 br{display:none}
  .first-contact h2 .motion-line{display:inline}
  .first-contact h2 .motion-line:not(:last-child)::after{content:' '}
  .benefit-grid{gap:26px}
  .conversation-section{grid-template-columns:minmax(0,1fr);gap:36px}
  .conversation-section .story-copy{max-width:640px}
  .theme-night .conversation-section .opening-scene{max-width:600px}
  .theme-night .site-header{flex-wrap:wrap}
  .theme-night .site-header nav{flex:1 1 100%;justify-content:space-between;gap:16px}
  .theme-night .dock-caption{display:none}
}
@media(max-width:760px){
  .theme-night .site-header nav{flex:0 1 auto}
}
@media(max-width:700px){
  .theme-night .journey-hero{padding:30px 24px 52px;gap:34px}
  .theme-night .hero-copy h1{font-size:clamp(35px,8.6vw,52px)}
  .theme-night .hero-copy>p{font-size:20px;margin-top:24px}
  .theme-night .hero-context{font-size:18px}
  .theme-night .hero-audiences{margin-top:22px;padding:17px 19px}
  .hero-audiences>strong{font-size:26px}
  .theme-night .hero-development{font-size:16px;margin-top:20px}
  .theme-night .first-contact{padding:25px 23px;border-radius:6px 28px 6px 6px}
  .first-contact h2{font-size:34px}
  .first-contact p{font-size:18px}
  .visitor-benefits{padding-top:44px;padding-bottom:42px}
  .benefit-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}
  .benefit{padding-top:20px}
  .benefit-number{margin-bottom:10px}
  .benefit h3{font-size:29px}
  .theme-night .story-section{padding-left:42px;padding-right:24px}
  .theme-night .story-copy>p{font-size:18px;line-height:1.7}
  .theme-night .hero-copy>p{font-size:20px}
  .conversation-section{padding-top:25px;padding-bottom:60px}
  .theme-night .handoff-workspace{padding-inline:16px}
  .theme-night .story-document{padding-inline:20px}
  .theme-night .receiver-record{padding-inline:20px}
  .theme-night .receiver-toolbar .receiver-access{display:none}
  .theme-night .tool-tabs{grid-template-columns:1fr;gap:12px}
  .theme-night .tool-tabs button{display:flex;flex-direction:row;justify-content:flex-start;gap:18px;min-height:90px;padding:8px 0}
  .theme-night .tool-tabs button>span:last-child{text-align:left;font-size:20px}
  .theme-night .tool-tabs .atelier-symbol{width:66px;height:64px;flex:none}
  .theme-night .tools-top{flex-wrap:wrap}
  .theme-night .knowledge-layout{grid-template-columns:minmax(0,1fr)}
  .theme-night .knowledge-layout aside{flex-wrap:wrap;overflow:visible}
  .theme-night .interpretation-content{grid-template-columns:minmax(0,1fr)}
  .theme-night .interpret-target{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
  .theme-night .site-header{padding:18px 24px;gap:14px}
  .theme-night .site-header nav{flex:0 1 auto}
  .theme-night .site-header .nav-contact{font-size:16px;padding:10px 14px;gap:8px}
  .theme-night .site-header .nav-contact svg{display:none}
  .theme-night .brand-symbol{width:26px}
  .theme-night .journey-dock a{font-size:14px;min-height:62px}
  .theme-night .journey-dock-inner{padding-inline:6px}
}
@media(max-width:360px){
  .theme-night .journey-hero{padding-inline:20px}
  .theme-night .hero-copy h1{font-size:32px}
  .theme-night .first-contact{padding-inline:20px}
  .theme-night .first-contact h2{font-size:30px}
  .theme-night .story-section{padding-left:34px;padding-right:20px}
  .theme-night .site-header{padding-inline:16px}
  .theme-night .site-header .nav-contact{max-width:140px}
  .theme-night .chat-bottom{padding-inline:14px}
}


/* Separata sidor med en synlig, gemensam meny och företagsremsa. */
body.multipage{display:flex;flex-direction:column;min-height:100svh}
.multipage #innehall{flex:1;position:relative;isolation:isolate;overflow:clip}
.multipage .woven-backdrop{height:1300px;opacity:.1}
.multipage .site-header{width:100%;max-width:1480px;padding:23px 48px;display:flex;gap:25px;align-items:center;flex-wrap:nowrap}
.multipage .site-header .brand{font-size:36px}
.multipage .site-header nav.page-navigation{display:flex;flex:1;justify-content:flex-end;gap:3px;align-items:stretch}
.multipage .site-header .page-navigation>a{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 9px;min-height:44px;border-radius:5px;border-bottom:2px solid transparent;color:#dbe7df;font-size:17px;line-height:1.4;white-space:nowrap}
.multipage .site-header .page-navigation>a.nav-explore{color:#f4d2a6;font-weight:600}
.multipage .site-header .page-navigation>a:hover{color:var(--honey);background:#c8ded00c}
.multipage .site-header .page-navigation>a[aria-current=page]{color:#f4d2a6;border-color:var(--honey);background:#efbd8710}
.multipage .site-header .page-navigation>a:focus-visible{outline:2px solid var(--honey);outline-offset:2px}
.multipage .hero-audience-heading{max-width:480px;margin-bottom:25px;font:500 23px/1.45 var(--body);color:#f2d2a8}
.multipage .hero-audiences>span{margin:0 0 18px;font-size:19px;line-height:1.65;color:#d3e1d7}
.multipage .hero-audiences>strong{font-size:27px;line-height:1.3}
.multipage.site-home .journey-hero{padding-top:34px;padding-bottom:48px}
.multipage .content-heading{position:relative;z-index:2;padding-top:55px;padding-bottom:48px;max-width:1240px}
.content-heading h1{font:500 clamp(40px,5.5vw,72px)/1.1 var(--display);letter-spacing:-.05em;color:var(--paper)}
.content-heading p{font-size:21px;line-height:1.7;max-width:750px;margin-top:23px;color:#cdddD3}
.site-journey .journey-overview{padding-top:10px}
.site-business .visitor-benefits{border-top:0;padding-top:12px}
.site-business .support-zone{padding-bottom:50px}
.site-safety .safety-simple{padding-top:20px;padding-bottom:60px}
.site-safety .faq{padding-top:25px;padding-bottom:70px}
.customer-challenges{position:relative;z-index:1;max-width:1240px;padding-bottom:75px}
.customer-challenge{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:65px;padding:35px 0 40px;border-top:1px solid #b3d1c445}
.challenge-heading>span{display:block;margin-bottom:14px;font:600 18px/1.5 var(--body);color:var(--honey)}
.challenge-heading h2{max-width:360px;font:500 clamp(29px,3.3vw,40px)/1.2 var(--display);letter-spacing:-.035em;color:var(--paper)}
.challenge-copy{min-width:0;max-width:660px}
.challenge-copy p{font-size:20px;line-height:1.7;color:#cdddd2;margin:0}
.challenge-copy p+p{margin-top:17px;color:#e2ebe1}
.customer-value-case{padding:28px 32px;margin-top:8px;border:1px solid #c4d6bf40;border-radius:8px;background:#efbd870b}
.customer-value-case h2{font:500 32px/1.25 var(--display);letter-spacing:-.03em;color:#f2d2a8;margin:0 0 18px}
.customer-value-case p{max-width:820px;font-size:20px;line-height:1.7;color:#dce7da;margin:0}
.challenge-next{padding-top:28px}
.challenge-next a{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:19px;color:var(--honey);text-decoration:underline;text-underline-offset:6px}
.about-content,.contact-page{position:relative;z-index:1;max-width:1240px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);align-items:center;gap:70px;padding-bottom:75px}
.about-copy h2,.contact-page h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;margin-bottom:25px}
.about-copy p,.contact-page p{font-size:20px;line-height:1.75;color:#cdddd2;margin:0 0 22px}
.about-copy blockquote{margin:35px 0;padding:5px 0 5px 25px;border-left:2px solid var(--honey);background:transparent;font:400 32px/1.35 var(--display);color:#efcea5}
.about-company-mark,.contact-company-mark{border:1px solid #aecab938;border-radius:18px;background:#173d4380;padding:22px}
.about-company-mark img,.contact-company-mark img{display:block;width:100%;height:auto}
.about-development{position:relative;z-index:1;max-width:1240px;padding-bottom:75px}
.about-development>.about-copy{max-width:820px}
.about-company{margin-top:55px}
.contact-page address{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:35px 0;font-style:normal;font-size:22px;line-height:1.6}
.contact-page address a{color:var(--honey);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#efbd8755;overflow-wrap:anywhere;max-width:100%}
.contact-page .registration-number{font-size:18px}
.contact-page .contact-note{font-size:16px;line-height:1.6;max-width:550px}
.company-footer{position:relative;z-index:3;background:#0e2d33;color:#d8e4dc;border-top:1px solid #c2d8c940}
.company-footer-inner{display:grid;grid-template-columns:210px minmax(230px,1fr) minmax(310px,1.2fr) auto;align-items:center;gap:25px;max-width:1480px;margin:auto;padding:22px 48px}
.company-logo{display:block;width:210px;height:98px;object-fit:contain}
.company-details p{font-size:16px;line-height:1.7;margin:0;color:#c0d3c9}
.company-details strong{display:block;font-size:18px;line-height:1.65;font-weight:600;color:#e8eee6}
.company-footer address{display:flex;flex-direction:column;gap:7px;font-style:normal;font-size:17px;line-height:1.6;min-width:0}
.company-footer address a{overflow-wrap:anywhere;width:fit-content;max-width:100%;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b8d1c440}
.company-footer .footer-link{font:400 16px/1.5 var(--body);color:#c2d5c9;text-decoration:underline;text-underline-offset:4px;max-width:110px;text-align:left}
.company-footer a:hover,.company-footer button:hover{color:var(--honey)}
@media(max-width:1200px){
  .multipage .site-header{flex-direction:column;align-items:flex-start;gap:14px;padding-inline:36px}
  .multipage .site-header nav.page-navigation{flex-wrap:wrap;justify-content:flex-start;width:100%;flex:none;gap:4px}
  .multipage .site-header .page-navigation>a{background:#bcd4c30a}
  .company-footer-inner{grid-template-columns:180px minmax(230px,1fr) minmax(290px,1fr);gap:15px 25px;padding-inline:36px}
  .company-logo{width:180px;height:84px;grid-row:1/3}
  .company-footer .footer-link{grid-column:2/4;max-width:none}
}
@media(max-width:1100px){
  .about-content,.contact-page{gap:35px;grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr)}
}
@media(max-width:800px){
  .customer-challenge{grid-template-columns:1fr;gap:22px}
  .challenge-heading h2{max-width:600px}
  .company-footer-inner{grid-template-columns:170px minmax(0,1fr);gap:20px;padding:25px 32px}
  .company-logo{width:170px;height:80px;grid-row:auto}
  .company-footer address{grid-column:2}
  .company-footer .footer-link{grid-column:2}
  .about-content,.contact-page{grid-template-columns:1fr;gap:25px}
  .about-company-mark,.contact-company-mark{max-width:340px;width:100%;padding:15px}
}
@media(max-width:600px){
  .multipage .site-header{padding:22px 24px 15px;gap:14px}
  .multipage .site-header .page-navigation>a{font-size:16px;padding:9px 8px}
  .multipage .hero-audience-heading{font-size:22px;margin-bottom:24px}
  .multipage .hero-audiences>strong{font-size:25px}
  .multipage .hero-audiences>span{font-size:19px}
  .multipage.site-home .journey-hero{padding-top:30px;padding-bottom:36px}
  .multipage .content-heading{padding-top:32px;padding-bottom:35px}
  .content-heading h1{font-size:39px}
  .content-heading p{font-size:19px}
  .customer-challenges{padding-bottom:48px}
  .customer-challenge{padding:28px 0 32px}
  .challenge-heading>span{margin-bottom:12px}
  .challenge-heading h2{font-size:29px}
  .challenge-copy p{font-size:19px}
  .customer-value-case{padding:23px 21px}
  .customer-value-case h2{font-size:28px}
  .customer-value-case p{font-size:19px}
  .about-copy p,.contact-page p{font-size:19px}
  .about-copy blockquote{font-size:29px;padding-left:20px}
  .contact-page address{font-size:19px}
  .company-footer-inner{grid-template-columns:1fr;padding:20px 24px 28px;gap:19px}
  .company-logo{width:190px;height:88px;justify-self:start;margin-left:-15px}
  .company-footer address,.company-footer .footer-link{grid-column:1}
  .company-footer address{font-size:16px}
  .company-details strong{font-size:18px}
  .company-footer .footer-link{margin-top:5px}
}


/* Kundens situation, belagda fakta och illustrerad produktnytta. */
.site-challenge .why-hero{position:relative;z-index:1;max-width:1240px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:30px;align-items:center;padding-block:60px 65px}
.site-challenge .why-eyebrow{font:600 16px/1.5 var(--body);letter-spacing:.04em;color:var(--honey);margin:0 0 20px}
.why-hero h1{font:500 clamp(42px,4.8vw,66px)/1.08 var(--display);letter-spacing:-.045em;color:var(--paper);max-width:690px}
.why-hero .why-lead{font:400 21px/1.7 var(--body);color:#d3e1d7;margin:28px 0 0;max-width:650px}
.why-product-image{margin:0;position:relative;text-align:center;align-self:center}
.why-product-image img{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 44px #a6dbcf15)}
.why-product-image figcaption{margin-top:8px;color:#d3e1d7;font:400 16px/1.7 var(--body)}
.why-product-image figcaption strong{display:block;font:500 24px/1.4 var(--display);color:var(--paper);margin-bottom:6px}
.why-section-heading{max-width:720px;margin-bottom:35px}
.customer-challenges h2{font:500 clamp(32px,3.5vw,44px)/1.17 var(--display);letter-spacing:-.035em;color:var(--paper);margin:0 0 25px}
.why-evidence{padding-block:45px 55px;border-top:1px solid #bdd5c63b}
.why-facts{display:grid;grid-template-columns:1fr;gap:24px;color:#163f43}
.why-fact{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:center;padding:34px 38px;min-width:0;background:#e8ece0;border-radius:5px}
.fact-copy{min-width:0;max-width:700px}
.fact-top{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:0}
.fact-value{font:500 clamp(65px,7.4vw,94px)/1.05 var(--display);letter-spacing:-.065em;white-space:nowrap}
.fact-value>span{font-size:.5em;letter-spacing:-.03em;margin-left:5px}
.fact-ring{width:76px;height:76px;flex-shrink:0;border-radius:50%;background:conic-gradient(#206d63 0 16.4%,#cad5c9 16.4% 100%);position:relative}
.fact-ring::after{content:'';position:absolute;inset:11px;background:#e8ece0;border-radius:50%}

.fact-conversation{display:block;width:210px;max-width:100%;height:105px;flex-shrink:0}
.why-fact h3{font:500 28px/1.25 var(--display);letter-spacing:-.03em;margin:0 0 14px;color:#163f43}
.why-fact p{font:400 19px/1.65 var(--body);color:#294c4b;margin:0}
.why-fact .fact-source{font-size:16px;line-height:1.65;margin-top:23px;color:#3c5b56}
.fact-source a{color:#164f47;text-decoration:underline;text-underline-offset:4px}

.why-evidence-arrow{display:flex;justify-content:center;padding-block:17px;color:var(--honey)}
.why-evidence-arrow svg{display:block;width:32px;height:52px}
.why-evidence-bridge{padding:28px 34px;border:1px solid #eac39866;border-radius:5px;background:#29606840}
.why-evidence-bridge p{max-width:880px}

.why-evidence-bridge p{font:400 19px/1.7 var(--body);color:#d3e1d7;margin:0}

.why-story{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr);gap:70px;align-items:center;border-top:1px solid #bdd5c63b;padding-block:65px}
.why-story-copy{min-width:0}
.why-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #eac39866;border-radius:50%;margin-right:9px;font-size:14px;letter-spacing:0}
.why-story-copy p:not(.why-eyebrow){font:400 19px/1.75 var(--body);color:#d0e0d5;margin:0 0 20px}
.why-story-copy p.why-takeaway{padding-left:21px;border-left:2px solid var(--honey);color:#f0e2cb;margin-top:26px;margin-bottom:0}
.why-story-reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.18fr)}
.why-story-reverse .why-story-copy{grid-column:2;grid-row:1}
.why-story-reverse .why-visual{grid-column:1;grid-row:1}
.why-visual{margin:0;min-width:0;padding:32px 28px;border:1px solid #b8d9c53b;border-radius:7px;background:linear-gradient(145deg,#29606875,#153f4499);position:relative}
.why-visual figcaption{font:400 16px/1.65 var(--body);color:#b9d1c6;margin-top:27px}
.availability-visual{text-align:center}
.availability-clock{position:relative;max-width:270px;margin:0 auto 21px;color:#b8d9c5}
.availability-clock svg{display:block;width:100%;height:auto}
.availability-clock>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
.availability-clock strong{font:500 66px/1.2 var(--display);letter-spacing:-.045em;color:#f1d2ab}
.availability-clock span{font-size:16px;color:#d5e3d7}
.availability-label{display:flex;gap:10px;justify-content:center;align-items:center;font-size:16px;color:#d5e3d7}
.availability-label i{width:7px;height:7px;border-radius:50%;background:#a6dbcf;flex-shrink:0}
.human-handoff{border-top:1px solid #c2d9c642;margin-top:33px;padding-top:26px;position:relative}
.human-handoff .handoff-arrow{position:absolute;top:-18px;left:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:#214d51;color:var(--honey);font-size:26px;line-height:36px}
.human-handoff strong{display:block;font:500 25px/1.4 var(--display);color:#f0e2cb;margin-bottom:6px}
.human-handoff>span:last-child{font-size:16px;color:#d5e3d7}
.knowledge-visual{padding-top:40px}
.knowledge-documents{display:flex;gap:10px;align-items:center}
.knowledge-documents>div{flex:1;min-width:0;background:#e3e8dc;border-radius:3px;padding:19px 12px 23px;box-shadow:0 8px 22px #09282b24;color:#234d4d}
.knowledge-documents>div:first-child{transform:rotate(-6deg) translateY(7px)}
.knowledge-documents>div:last-child{transform:rotate(6deg) translateY(7px)}
.knowledge-documents span{font:600 11px/1.4 var(--body);white-space:nowrap;display:block;margin-bottom:18px}
.knowledge-documents i,.answer-lines i{display:block;height:3px;background:#6d8d7d60;margin-top:7px;border-radius:4px}
.knowledge-documents i:last-child{width:60%}
.knowledge-connectors{display:block;width:100%;height:auto;color:#b5d6c096}
.knowledge-answer{background:#e9eade;color:#173f43;border-radius:5px;padding:23px 22px 20px;box-shadow:0 12px 26px #0b2c2f24}
.visual-kicker{display:block;font:600 14px/1.6 var(--body);letter-spacing:.035em}
.knowledge-answer strong{font:500 24px/1.3 var(--display);letter-spacing:-.02em;display:block;margin:9px 0 22px}
.answer-lines{margin-bottom:22px}
.answer-lines i{height:4px;margin-top:9px}.answer-lines i:last-child{width:65%}
.knowledge-source{border-top:1px solid #183f4333;padding-top:15px;display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.5;color:#245b50}
.knowledge-source svg{width:22px;height:22px;flex-shrink:0}
.statistics-heading{padding-bottom:23px;border-bottom:1px solid #bdd5c63b}
.statistics-heading .visual-kicker{color:#aecfc3;margin-bottom:10px}
.statistics-heading>strong{font:500 28px/1.2 var(--display);letter-spacing:-.03em;color:#f0e2cb}
.statistics-measure{display:flex;gap:20px;align-items:center;padding-block:24px;border-bottom:1px solid #bdd5c62e}
.statistics-measure svg{width:67px;height:55px;color:var(--honey);flex-shrink:0}
.statistics-measure strong{display:block;font:500 22px/1.35 var(--display);color:#eef0e3;margin-bottom:6px}
.statistics-measure span{display:block;font:400 16px/1.6 var(--body);color:#c3dacf}
.why-calculator{background:#e8ece0;color:#163f43;padding:42px;border-radius:6px;margin-top:10px}
.why-calculator .why-eyebrow{color:#376457}
.why-calculator h2{color:#163f43;max-width:650px}
.why-calculator>header>p:last-child{font:400 19px/1.7 var(--body);max-width:800px;color:#345652;margin-bottom:30px}
.time-calculator{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:42px;padding-block:30px;border-block:1px solid #163f4330}
.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}
.time-inputs label{font:500 16px/1.5 var(--body);display:flex;flex-direction:column;justify-content:space-between;gap:9px;color:#264c47}
.time-inputs input{display:block;width:100%;min-width:0;min-height:52px;padding:10px 13px;border:1px solid #7d9a8c;border-radius:4px;color:#163f43;background:#f5f6ed;font:500 24px/1.2 var(--display);box-sizing:border-box;accent-color:#1b6657}
.time-inputs input:focus-visible{outline:2px solid #206d63;outline-offset:3px}
.time-inputs input[aria-invalid=true]{border-color:#9a4425}
.time-reset{background:none;border:0;text-align:left;width:fit-content;padding:10px 0;font:500 15px/1.6 var(--body);color:#235b50;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
.time-reset:focus-visible,.fact-source a:focus-visible{outline:2px solid #206d63;outline-offset:4px}
.time-results{border-left:1px solid #163f4330;padding-left:35px;align-self:stretch;min-width:0}
.time-results>.visual-kicker{color:#42665c;margin:0 0 15px}
.time-total{margin:0;display:flex;flex-direction:column;gap:8px}
.time-total>strong{font:500 clamp(58px,6vw,80px)/1 var(--display);letter-spacing:-.05em;overflow-wrap:anywhere}
.time-total>span{font-size:19px}
.time-formula{font:400 14px/1.65 var(--body);margin:14px 0 23px;color:#49695e}
.time-value{border-top:1px solid #163f4330;padding-top:20px}
.time-value strong{display:block;font:500 31px/1.25 var(--display);letter-spacing:-.03em;margin-bottom:7px;overflow-wrap:anywhere}
.time-value>span{font:400 16px/1.6 var(--body);display:block;max-width:250px}
.time-error{color:#883c21;font-size:16px;margin-top:15px}
.why-calculator .calculator-note{font:400 16px/1.7 var(--body);color:#3c6157;margin:23px 0 0;max-width:900px}
@media(max-width:1050px){.why-story{gap:35px}.why-fact{grid-template-columns:190px minmax(0,1fr);gap:30px;padding:28px}.why-calculator{padding:32px}.time-calculator{gap:28px}.time-results{padding-left:28px}.knowledge-visual{padding-inline:20px}.knowledge-documents{gap:6px}.knowledge-documents>div{padding-inline:9px}.knowledge-documents span{font-size:10px}.site-challenge .why-hero{grid-template-columns:1.4fr 1fr;gap:15px}.why-hero h1{font-size:50px}.why-product-image figcaption span{font-size:14px}}
@media(max-width:800px){.site-challenge .why-hero{grid-template-columns:1fr;gap:20px;padding-block:38px 45px}.why-hero h1{font-size:52px}.why-product-image{max-width:330px;justify-self:center}.why-product-image img{max-width:270px;margin:auto}.why-product-image figcaption span{font-size:16px}.why-fact{grid-template-columns:155px minmax(0,1fr);gap:24px;padding:26px}.fact-top{gap:20px}.fact-value{font-size:64px}.fact-ring{width:75px;height:75px}.fact-ring::after{inset:11px}.fact-conversation{height:75px;width:150px}.why-story,.why-story-reverse{grid-template-columns:1fr;gap:32px;padding-block:45px}.why-story-reverse .why-story-copy,.why-story-reverse .why-visual{grid-column:auto;grid-row:auto}.why-visual{max-width:480px;width:100%;justify-self:center;box-sizing:border-box}.knowledge-documents span{font-size:12px}.why-calculator{padding:30px}.time-calculator{grid-template-columns:1fr;gap:28px}.time-results{padding-left:0;border-left:0;border-top:1px solid #163f4330;padding-top:28px}.time-total>strong{font-size:68px}}
@media(max-width:600px){.why-hero h1{font-size:42px}.why-hero .why-lead{font-size:19px}.why-hero .why-eyebrow{margin-bottom:17px}.customer-challenges h2{font-size:32px}.why-evidence{padding-block:30px 36px}.why-facts{gap:20px}.why-fact{grid-template-columns:1fr;gap:24px;padding:27px 25px}.fact-top{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.why-evidence-arrow{padding-block:13px}.why-evidence-bridge{padding:25px}.fact-value{font-size:79px}.fact-ring{width:90px;height:90px}.fact-ring::after{inset:13px}.fact-conversation{height:90px;width:180px}.why-fact h3{font-size:27px}.why-fact p{font-size:18px}.why-fact .fact-source{font-size:16px}.why-story-copy p:not(.why-eyebrow){font-size:19px}.why-visual{padding:27px 23px}.availability-clock{max-width:245px}.knowledge-documents span{font-size:10px}.knowledge-documents>div{padding:16px 8px 20px}.knowledge-answer{padding:22px 18px}.knowledge-answer strong{font-size:23px}.knowledge-source{font-size:13px}.statistics-measure{gap:15px}.statistics-measure svg{width:52px}.statistics-measure strong{font-size:21px}.statistics-measure span{font-size:16px}.why-calculator{padding:27px 23px}.time-inputs{grid-template-columns:1fr;gap:19px}.time-inputs label{font-size:16px}.time-inputs input{font-size:23px}.time-calculator{padding-block:25px}.why-calculator>header>p:last-child{font-size:18px}.time-value>span{max-width:none}.why-calculator .calculator-note{font-size:16px}}
@media(max-width:359px){.why-hero h1{font-size:38px}.fact-value{font-size:67px}.fact-ring{width:70px;height:70px}.why-fact,.why-visual,.why-calculator{padding-inline:19px}.knowledge-documents span{font-size:8px}.knowledge-source{font-size:12px}.site-challenge .why-eyebrow{font-size:14px}.statistics-measure{gap:10px}.statistics-measure svg{width:42px}}


/* En produkt, tre synliga delar. Tråden hör till chattens berättelse. */
.site-journey .content-heading{padding-bottom:30px}
.product-overview{position:relative;z-index:3;max-width:1240px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-overview>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:25px 26px 22px;border:1px solid #bbd6c64d;border-radius:7px;background:linear-gradient(130deg,#39676570,#163f4655);color:var(--paper);text-decoration:none;min-width:0}
.product-overview>a:hover{border-color:var(--honey);background:#efbd8712}
.product-overview>a:focus-visible{outline:2px solid var(--honey);outline-offset:4px}
.product-number{font:500 16px/1.4 var(--body);color:var(--honey);margin-bottom:17px}
.product-overview strong{font:500 clamp(25px,2.65vw,34px)/1.2 var(--display);letter-spacing:-.035em;margin-bottom:10px}
.product-overview>a>span:not(.product-number):not(.product-link-arrow){font-size:16px;line-height:1.5;color:#baddcc}
.product-overview p{font-size:18px;line-height:1.65;color:#e0e8dc;margin:18px 0 24px}
.product-link-arrow{font-size:26px;color:var(--honey);margin-top:auto;line-height:1}
.product-demo-note{position:relative;z-index:2;max-width:1240px;font-size:16px;line-height:1.7;color:#c0d4c8;margin-block:24px 0}
.product-part-heading{position:relative;z-index:2;max-width:820px}
.product-part-heading .product-kicker{display:flex;align-items:center;gap:13px;font:500 16px/1.5 var(--body);color:var(--honey);margin:0 0 20px}
.product-kicker>span{display:grid;place-items:center;border:1px solid #efbd8766;border-radius:50%;width:35px;height:35px;flex:none;font-size:14px}
.product-part-heading h2{font:500 clamp(39px,4.5vw,57px)/1.12 var(--display);letter-spacing:-.045em;color:var(--paper);margin:0 0 23px}
.product-part-heading>p:not(.product-kicker){font:400 21px/1.7 var(--body);color:#d3e1d5;margin:0 0 20px}
.site-journey #chatten{max-width:1240px;padding-top:68px;padding-bottom:0}
.site-journey #chatten>p:not(.product-kicker){max-width:810px}
.site-journey #chatten .product-entry{font-size:19px;color:#bfd5c8}
.site-journey .journey-overview{padding-top:15px;padding-bottom:24px}
.site-journey .journey-overview .overview-label{margin-bottom:20px}
.site-journey .journey-overview strong{font-size:20px}
.site-journey .conversation-section{padding-top:32px;padding-bottom:48px;gap:42px}
.site-journey .story-copy>h3{font:500 clamp(31px,3.3vw,43px)/1.15 var(--display);letter-spacing:-.035em;color:var(--paper);margin:0}
.site-journey .story-copy>p{font-size:19px;line-height:1.7;margin-top:20px}
.site-journey .story-step-label{margin-bottom:18px}
.site-journey .handoff-section{padding-top:22px;padding-bottom:48px}
.site-journey .handoff-heading{margin-bottom:28px;max-width:760px;text-align:left}
.site-journey .handoff-heading>.story-step-label{justify-content:flex-start}
.site-journey .handoff-heading>p{max-width:none;margin-left:0}
.site-journey .handoff-workspace{gap:40px;padding:30px}
.site-journey .handoff-workspace .share-column{padding-top:5px}
.site-journey .source-echo{max-width:none;font-size:19px}
.site-journey .summary-content{padding-top:20px;margin-top:20px}
.site-journey .summary-content .summary-words{margin-block:18px;font-size:18px}
.site-journey .story-document{padding:26px}
.site-journey .handoff-caption{padding-bottom:18px}
.site-journey .contact-choice-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:start;padding-block:18px 55px}
.contact-choice-demo{padding:26px;border:1px solid #bcd4c343;border-radius:7px;background:#1f4b4e}
.contact-route-choices{border:0;padding:0;margin:0;min-width:0}
.contact-route-choices legend{font:500 23px/1.3 var(--display);color:var(--paper);margin-bottom:19px;letter-spacing:-.02em}
.contact-route-choices label{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-top:1px solid #bed4c536;cursor:pointer}
.contact-route-choices input{width:20px;height:20px;flex:none;margin:4px 0 0;accent-color:#efbd87}
.contact-route-choices input:focus-visible{outline:2px solid var(--honey);outline-offset:4px}
.contact-route-choices strong{display:block;font:500 18px/1.5 var(--body);color:#edf0e4}
.contact-route-choices small{display:block;font-size:16px;line-height:1.6;color:#bfd5c8;margin-top:5px}
.site-journey .contact-choice-demo .story-code{margin-top:15px;padding:20px 23px;box-shadow:none}
.site-journey .contact-choice-demo .story-code::before{display:none}
.site-journey .contact-choice-demo .story-code strong{font-size:35px}
.contact-route-result{margin-top:15px;padding:22px;border:1px solid #a6dbcf60;background:#a6dbcf12;border-radius:4px}
.contact-route-result>strong{font:500 24px/1.3 var(--display);color:#dbeddf}
.contact-route-result>p{font-size:18px;line-height:1.65;color:#d0e2d5;margin:13px 0 0}
.site-journey .story-code[hidden],.contact-route-result[hidden],.receiver-contact-note[hidden]{display:none}
.site-journey .share-button{margin-top:21px}
.site-journey .share-feedback{margin-bottom:0}
.site-journey .receiver-section{padding-top:18px;padding-bottom:64px;gap:0 45px}
.site-journey .receiver-copy>p{max-width:none}
.site-journey .receiver-scene figcaption{max-width:none}
.site-journey .receiver-contact-note{padding:16px 0;font-size:17px;line-height:1.6;color:#d4e7d7}
.site-journey .human-question{font-size:28px;margin-top:23px;padding-top:20px}
.site-journey .human-note{max-width:none}
.site-journey .journey-dock ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-journey .journey-dock a[aria-current=location]{background:#edc49717;border-color:#edc49762;color:#f1d3a9}
.site-journey .journey-dock a[aria-current=location] .dock-index{background:#edc497;border-color:#edc497;color:#29413a}
.site-journey .product-overview>a[aria-current=location]{border-color:#edc49770}
#chatten,#kunskapsstod,#statistik,#kontaktvag{scroll-margin-top:0}
.product-part{position:relative;z-index:2;max-width:1240px;padding-block:66px;border-top:1px solid #bdd5c645}
.product-example-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:52px;align-items:start;margin-top:36px}
.product-explanation{min-width:0}
.product-explanation>h3{font:500 29px/1.25 var(--display);letter-spacing:-.03em;color:#efdfc5;margin:0 0 26px}
.product-instructions{list-style:none;counter-reset:product-step;padding:0;margin:0}
.product-instructions>li{position:relative;counter-increment:product-step;padding:0 0 24px 40px}
.product-instructions>li::before{content:counter(product-step);position:absolute;left:0;top:1px;color:var(--honey);font:500 17px/1.5 var(--body)}
.product-instructions strong{font:600 19px/1.5 var(--body);color:#e7eddf}
.product-instructions p{font:400 19px/1.7 var(--body);color:#cbded0;margin:9px 0 0}
.product-method{font-size:17px;line-height:1.7;color:#bdd6c8;border-top:1px solid #b5d2c438;padding-top:22px;margin:0}
.product-demo{margin:0;min-width:0;border:1px solid #adcab552;border-radius:8px;overflow:hidden;background:#e8ece0;color:#163f43}
.product-demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:20px 25px;background:#123b41;color:#dce9da;border-bottom:1px solid #bbd5c439;font-size:17px;line-height:1.5}
.product-demo-bar>span:last-child{font-size:15px;color:#b4cfbf}
.product-demo figcaption{border-top:1px solid #234e4330;padding:20px 25px;font:400 16px/1.65 var(--body);color:#395e52;background:#dfe6d8;margin:0}
.knowledge-example-body,.statistics-example-body{padding:26px}
.example-label{display:block;font:500 15px/1.5 var(--body);color:#456758;margin:0 0 10px}
.knowledge-file{display:inline-block;padding:10px 15px;font-size:17px;border:1px solid #43665450;border-radius:4px;color:#214a42}
.knowledge-question{margin-top:27px;padding-top:24px;border-top:1px solid #224d4430}
.knowledge-question p{font:500 25px/1.3 var(--display);letter-spacing:-.025em;margin:0;color:#153f43}
.knowledge-response{margin-top:22px;padding:22px;background:#f5f5e9;border-left:3px solid #297766;border-radius:0 4px 4px 0}
.knowledge-response>p{font-size:18px;line-height:1.7;margin:0;color:#244b42}
.knowledge-response .knowledge-citation{font-size:16px;line-height:1.6;margin-top:16px;color:#386654}
.knowledge-source-details{margin-top:20px;border-top:1px solid #234e4333}
.site-journey .knowledge-source-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding-block:14px;list-style:none;font:600 17px/1.5 var(--body);cursor:pointer;color:#174f43}
.knowledge-source-details summary::-webkit-details-marker{display:none}
.knowledge-source-details summary>span{font-size:23px;font-weight:400}
.knowledge-source-details[open] summary>span{rotate:45deg}
.knowledge-source-details summary:focus-visible{outline:2px solid #206d63;outline-offset:4px}
.knowledge-source-details>div{padding-top:10px;font-size:17px;line-height:1.65}
.knowledge-source-details strong{font-weight:600}
.knowledge-source-details blockquote{margin:16px 0;padding:0 0 0 16px;border-left:2px solid #206d6370;background:none;color:#2b5045;font:400 18px/1.7 var(--body)}
.knowledge-source-details p{font-size:15px;line-height:1.6;color:#4a695d;margin:0}
.example-period{font:500 16px/1.5 var(--body);color:#486758;margin:0 0 21px}
.example-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:24px;border-bottom:1px solid #264e4333}
.example-metrics strong{display:block;font:500 58px/1 var(--display);letter-spacing:-.05em;color:#164c46}
.example-metrics span{display:block;margin-top:10px;font-size:16px;line-height:1.5}
.product-demo .example-chart-title{font:500 22px/1.3 var(--display);letter-spacing:-.025em;color:#20493f;margin:24px 0 14px}
.example-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;align-items:end;padding:4px 12px 0}
.example-bar-column{display:flex;flex-direction:column;align-items:center;min-width:0}
.example-bar-column strong{font:500 17px/1.4 var(--body);margin-bottom:8px}
.example-bar-column i{width:100%;max-width:52px;display:block;background:#317567;border-radius:4px 4px 0 0}
.example-bar-column span{display:block;width:100%;text-align:center;font-size:16px;padding-top:9px;border-top:1px solid #264e4340}
.example-case-status{margin-top:23px;border-top:1px solid #264e4333}
.example-case-status dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;margin:0}
.example-case-status dl>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid #234e4326}
.example-case-status dt{font-size:16px}
.example-case-status dd{margin:0;font:500 23px/1.3 var(--display)}
@media(max-width:1050px){.product-overview>a{padding:23px 20px}.product-overview strong{font-size:27px}.product-example-layout{gap:32px}.site-journey .handoff-workspace{gap:28px;padding:25px}.site-journey .contact-choice-section{gap:30px}}
@media(max-width:850px){.product-overview{gap:12px}.product-overview>a{padding:20px 17px}.product-overview strong{font-size:24px}.product-overview p{font-size:17px}.product-overview>a>span:not(.product-number):not(.product-link-arrow){font-size:15px}.product-example-layout{grid-template-columns:1fr;gap:30px}.product-demo{width:100%;max-width:620px;justify-self:center}.site-journey .contact-choice-section{grid-template-columns:1fr;gap:26px}.contact-choice-demo{max-width:620px;width:100%;justify-self:center;box-sizing:border-box}.site-journey .receiver-section{grid-template-columns:1fr;gap:25px}.site-journey .receiver-copy,.site-journey .receiver-scene,.site-journey .human-response{grid-column:auto;grid-row:auto}.site-journey .receiver-scene{max-width:620px;width:100%;justify-self:center}.site-journey .human-response{max-width:620px}}
@media(max-width:700px){.product-overview{grid-template-columns:1fr;gap:12px}.product-overview>a{padding:19px 48px 19px 56px}.product-number{position:absolute;left:20px;top:22px;margin:0}.product-overview strong{font-size:27px;margin-bottom:5px}.product-overview p{margin:10px 0 0;font-size:17px}.product-overview .product-link-arrow{position:absolute;right:19px;top:23px}.product-demo-note{font-size:16px;margin-top:20px}.site-journey #chatten{padding-top:44px}.product-part-heading h2{font-size:39px}.product-part-heading>p:not(.product-kicker){font-size:19px}.product-part-heading .product-kicker{font-size:16px;gap:10px}.site-journey #chatten .product-entry{font-size:18px}.site-journey .journey-overview{padding-block:10px 24px}.site-journey .journey-overview ol{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:0}.site-journey .journey-overview li{padding:12px 0 0;border:0;border-top:1px solid #dbc29756}.site-journey .journey-overview li::before{left:0;top:-4px}.site-journey .journey-overview strong{font-size:19px}.site-journey .journey-overview a>span{font-size:16px}.site-journey .story-copy>h3{font-size:32px}.site-journey .conversation-section{padding-block:20px 35px;gap:24px}.site-journey .handoff-section{padding-block:15px 35px}.site-journey .handoff-workspace{grid-template-columns:1fr;padding:22px 18px;gap:26px}.site-journey .handoff-heading{text-align:left;margin-bottom:25px}.site-journey .story-copy>p{font-size:18px}.site-journey .contact-choice-section{padding-block:15px 38px}.contact-choice-demo{padding:22px 20px}.site-journey .receiver-section{padding-bottom:42px}.site-journey .human-question{font-size:27px}.site-journey .journey-dock a{font-size:14px;gap:4px;padding-inline:4px}.site-journey .journey-dock-inner{min-height:73px}.site-journey .journey-dock ol{gap:3px}.product-part{padding-block:43px}.product-example-layout{margin-top:25px}.product-explanation>h3{font-size:28px}.product-instructions>li{padding-left:30px;padding-bottom:22px}.product-instructions p{font-size:18px}.product-instructions strong{font-size:18px}.product-demo-bar{padding:17px 20px}.knowledge-example-body,.statistics-example-body{padding:22px 20px}.product-demo figcaption{padding:19px 20px}.knowledge-response{padding:18px}.knowledge-question p{font-size:24px}.example-case-status dl{gap:8px 18px}.example-metrics strong{font-size:52px}}
@media(max-width:380px){.site-journey .journey-dock a{font-size:13px}.product-overview>a{padding-left:50px}.product-overview strong{font-size:25px}.product-number{left:17px}.contact-choice-demo{padding-inline:16px}.product-demo-bar,.knowledge-example-body,.statistics-example-body{padding-inline:17px}.example-bars{gap:13px;padding-inline:2px}.example-case-status dl{grid-template-columns:1fr}}

.site-journey .knowledge-source-details summary:hover,.site-journey .knowledge-source-details[open] summary{color:#174f43}

.site-journey .knowledge-source-details summary>span{color:inherit;transform:none}

/* Luft för trådens svängar mellan bild och text, även i staplad layout. */
.site-journey .conversation-section{padding-top:65px;padding-bottom:55px}
.site-journey .handoff-section{padding-top:55px;padding-bottom:55px}
.site-journey .handoff-heading{margin-bottom:84px}
.site-journey .contact-choice-section{padding-top:55px;padding-bottom:55px}
.site-journey .receiver-section{padding-top:55px;padding-bottom:85px}
@media(max-width:1000px){.site-journey .conversation-section{row-gap:68px}}
@media(max-width:850px){.site-journey .contact-choice-section,.site-journey .receiver-section{row-gap:68px}}
@media(max-width:700px){.site-journey .conversation-section{padding-top:35px;padding-bottom:35px}.site-journey .handoff-section,.site-journey .contact-choice-section{padding-top:35px;padding-bottom:35px}.site-journey .handoff-heading{margin-bottom:68px}.site-journey .receiver-section{padding-top:35px;padding-bottom:75px}}


/* Säkerhet och möjligheter: sammanhängande genomgångar i den befintliga färgskalan. */
.site-safety .content-heading,.site-business .content-heading{padding-bottom:36px}
.content-heading .page-eyebrow,.page-eyebrow{display:block;margin:0 0 17px;font:500 16px/1.5 var(--body);color:var(--honey);letter-spacing:.02em}
.assurance-content,.possibilities-content,.getting-started,.assurance-jumps{position:relative;z-index:2;max-width:1240px}
.assurance-jumps{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:42px}
.assurance-jumps a{display:flex;align-items:center;gap:22px;padding:12px 17px;min-height:48px;border:1px solid #b6d1c64d;border-radius:5px;font-size:17px;color:#e1e8db;background:#accbb809}
.assurance-jumps a:hover{border-color:var(--honey);color:var(--honey)}
.assurance-jumps a:focus-visible,.assurance-link:focus-visible{outline:2px solid var(--honey);outline-offset:5px}
.assurance-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;border-top:1px solid #b5d3c445;padding:60px 0}
.section-number{display:block;font:500 17px/1.5 var(--body);color:var(--honey);margin-bottom:20px}
.assurance-heading h2,.assurance-faq h2,.possibility-group h2,.possibility-foundation h2,.getting-started h2{font:500 clamp(31px,3.6vw,46px)/1.16 var(--display);letter-spacing:-.035em;color:var(--paper);margin:0 0 24px}
.assurance-heading>p,.possibility-group-heading>p,.responsibility-copy>p,.possibility-foundation p{font-size:20px;line-height:1.75;color:#cdded1;margin:0 0 18px}
.control-illustration{padding:28px 30px;background:linear-gradient(145deg,#42696680,#1d494b);border:1px solid #c0d7c957;border-radius:8px}
.control-person{display:flex;align-items:center;gap:15px;color:#f2d2a8;font:500 23px/1.4 var(--display);padding-bottom:22px;border-bottom:1px solid #c6d7c63b}
.control-person>.om-icon{width:32px;height:32px}
.control-choices{list-style:none;padding:0;margin:0}
.control-choices li{display:flex;gap:18px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #c6d7c633}
.control-choices .om-icon{flex:none;width:26px;height:26px;margin-top:4px;color:var(--honey)}
.control-choices strong{display:block;font:500 24px/1.3 var(--display);color:#eef0e1;margin-bottom:9px}
.control-choices li span{display:block;font-size:18px;line-height:1.65;color:#d2e1d1}
.control-caption{font-size:16px;line-height:1.65;color:#bfd4c6;margin:21px 0 0}
.assurance-wide{display:block}
.assurance-wide>.assurance-heading{max-width:790px}
.information-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;list-style:none;padding:0;margin:42px 0;background:#e5eadd;color:#193f41;border-radius:8px;padding:35px}
.information-flow li{position:relative;min-width:0}
.flow-number{display:grid;place-items:center;width:39px;height:39px;border:1px solid #456f6266;border-radius:50%;font:500 18px/1.5 var(--body);margin-bottom:20px;color:#28584d}
.information-flow li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:3px;font-size:26px;color:#446f61}
.information-flow h3{font:500 27px/1.2 var(--display);letter-spacing:-.025em;margin:0 0 16px;color:#163f43}
.information-flow p{font-size:18px;line-height:1.7;margin:0;color:#34594d}
.assurance-brief{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 55px;padding:10px 0 0}
.assurance-brief h3,.responsibility-copy h3{font:500 29px/1.25 var(--display);letter-spacing:-.025em;color:#e6eadb;margin:0 0 18px}
.assurance-brief p{font-size:19px;line-height:1.7;color:#ccded0;margin:0}
.assurance-brief p+p{margin-top:16px}
.assurance-brief ul{padding:0;list-style:none;margin:0}
.assurance-brief li{position:relative;padding:0 0 15px 23px;font-size:18px;line-height:1.65;color:#d4e3d4}
.assurance-brief li::before{content:'';position:absolute;top:11px;left:0;width:6px;height:6px;border:1px solid var(--honey);border-radius:50%}
.assurance-link{display:inline-flex;align-items:center;gap:16px;color:var(--honey);font:500 18px/1.5 var(--body);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#efbd8766;min-height:44px;max-width:100%}
.assurance-link:hover{color:#ffe4bc;text-decoration-color:currentColor}
.assurance-link span{flex:none;font-size:24px}
.protection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:38px}
.protection-grid article{padding:30px;border:1px solid #afcfbf45;border-radius:6px;background:#93b9a30a;min-width:0}
.protection-grid .om-icon{width:34px;height:34px;color:#b4dacc;margin-bottom:22px}
.protection-grid h3{font:500 28px/1.25 var(--display);letter-spacing:-.025em;color:#e8edde;margin:0 0 16px}
.protection-grid p{font-size:19px;line-height:1.7;color:#c9dece;margin:0}
.responsibility-copy{padding-top:42px}
.responsibility-copy .responsibility-note{margin-top:26px;padding:22px 0 0;border-top:1px solid #bdcfb644;font-size:18px}
.assurance-faq{padding:55px 0;border-top:1px solid #b5d3c445;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}
.assurance-questions details{border-bottom:1px solid #b5d3c445;background:none;padding:0;border-radius:0}
.assurance-questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:18px 0;font:500 21px/1.45 var(--body);color:#e6ecdf;list-style:none;cursor:pointer}
.assurance-questions summary::-webkit-details-marker{display:none}
.assurance-questions summary>span{color:var(--honey);font-size:26px;flex:none}
.assurance-questions summary:hover{color:var(--honey)}
.assurance-questions summary:focus-visible{outline:2px solid var(--honey);outline-offset:5px}
.assurance-questions details[open] summary>span{transform:rotate(45deg)}
.assurance-answer p{font-size:18px;line-height:1.75;color:#c9dece;margin:0;padding:0 0 23px}
.assurance-next{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #b5d3c445;padding:25px 0 60px}
.assurance-next>span{font-size:18px;line-height:1.6;color:#c9dece}
.possibility-group{padding:27px 0 56px}
.possibility-group+.possibility-group{padding-top:54px;border-top:1px solid #b5d3c445}
.possibility-group-heading{max-width:770px}
.possibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:33px}
.possibility-card{display:flex;flex-direction:column;align-items:flex-start;padding:29px 27px 24px;border:1px solid #bfd6c854;background:linear-gradient(145deg,#5b81705c,#224e4c70);border-radius:7px;min-width:0}
.possibility-number{font:500 17px/1.5 var(--body);color:var(--honey);margin-bottom:26px}
.possibility-card h3{font:500 30px/1.16 var(--display);letter-spacing:-.025em;color:#edf0df;margin:0 0 18px}
.possibility-card p{font-size:19px;line-height:1.7;color:#d0e0d0;margin:0 0 23px}
.possibility-card .assurance-link{margin-top:auto;font-size:17px;gap:11px}
.possibility-extras .possibility-card{background:#9cbb9a08;border-color:#b4ccb039}
.possibility-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;padding-top:48px}
.possibility-examples article{min-width:0;border-left:2px solid #c6ae8266;padding-left:26px}
.possibility-examples h3{font:500 29px/1.24 var(--display);letter-spacing:-.025em;color:#e1e9d9;margin:0 0 24px}
.possibility-examples ol{list-style:none;padding:0;margin:0;counter-reset:example}
.possibility-examples li{position:relative;counter-increment:example;padding:0 0 20px 27px;font-size:18px;line-height:1.7;color:#c9dece}
.possibility-examples li::before{content:counter(example);position:absolute;left:0;color:var(--honey);font-size:16px;top:1px}
.possibility-examples li strong{font-weight:600;color:#e1e9d9}
.possibility-foundation{display:grid;grid-template-columns:185px minmax(0,1fr);gap:50px;padding:42px 45px;margin:0 0 50px;background:#e5eadd;border-radius:8px;color:#163f43}
.foundation-symbol{display:flex;align-items:center;justify-content:center;position:relative}
.foundation-symbol .om-icon{width:130px;height:130px;color:#416d60;stroke-width:1}
.foundation-symbol>span{position:absolute;bottom:5px;font:500 18px/1.5 var(--body);color:#365c50}
.possibility-foundation .page-eyebrow{color:#426a59}
.possibility-foundation h2{color:#173f42;font-size:38px}
.possibility-foundation p{color:#365b4e;font-size:19px}
.possibility-foundation .assurance-link{color:#185c50;text-decoration-color:#185c5066}
.possibility-foundation .assurance-link:focus-visible{outline-color:#185c50}
.getting-started{padding-bottom:65px}
.getting-started>h2{max-width:730px}
.getting-started-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid #b5d3c445;padding-top:30px;margin-top:35px}
.getting-started-grid h3{font:500 27px/1.25 var(--display);letter-spacing:-.025em;color:#e1e9d9;margin:0 0 15px}
.getting-started-grid p{font-size:19px;line-height:1.7;color:#c9dece;margin:0}
.assurance-content section,.possibilities-content section,.possibility-examples article,#komma-igang{scroll-margin-top:25px}
@media(max-width:1000px){.assurance-section{gap:35px}.assurance-brief{gap:25px}.assurance-faq{gap:35px}.possibility-grid{gap:14px}.possibility-card{padding:25px 21px}.possibility-card h3{font-size:27px}.information-flow{padding:28px;gap:28px}.information-flow h3{font-size:24px}.information-flow li:not(:last-child)::after{right:-18px}.possibility-foundation{gap:30px;grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:800px){.assurance-section,.assurance-brief,.assurance-faq{grid-template-columns:1fr;gap:28px}.assurance-section{padding-block:40px}.assurance-heading{max-width:700px}.information-flow{grid-template-columns:1fr;gap:32px;padding:28px}.information-flow li{padding-left:60px}.flow-number{position:absolute;left:0;top:0}.information-flow li:not(:last-child)::after{content:'↓';right:auto;left:12px;top:auto;bottom:-30px}.protection-grid{gap:15px}.protection-grid article{padding:24px}.responsibility-copy{padding-top:0}.possibility-grid{grid-template-columns:1fr}.possibility-card{padding:27px;display:grid;grid-template-columns:35px minmax(0,1fr);gap:0 15px}.possibility-number{grid-column:1;grid-row:1/4;margin:3px 0 0}.possibility-card h3,.possibility-card p,.possibility-card .assurance-link{grid-column:2}.possibility-card h3{font-size:29px}.possibility-examples{gap:30px}.possibility-foundation{padding:30px;grid-template-columns:90px minmax(0,1fr);gap:27px}.foundation-symbol .om-icon{width:90px;height:90px}.foundation-symbol{align-items:flex-start}.foundation-symbol>span{top:110px;bottom:auto}.getting-started-grid{grid-template-columns:1fr;gap:27px}.getting-started-grid article{max-width:650px}}
@media(max-width:550px){.assurance-jumps{gap:8px;padding-bottom:30px}.assurance-jumps a{font-size:16px;padding:11px 13px;gap:15px}.assurance-heading h2,.assurance-faq h2,.possibility-group h2,.getting-started h2{font-size:33px}.assurance-heading>p,.possibility-group-heading>p,.responsibility-copy>p{font-size:19px}.control-illustration{padding:23px 21px}.control-person{font-size:22px}.control-choices li{gap:13px}.control-choices strong{font-size:23px}.control-choices li span{font-size:17px}.information-flow{padding:25px 20px;margin-block:28px}.information-flow li{padding-left:47px}.flow-number{width:32px;height:32px;font-size:16px}.information-flow li:not(:last-child)::after{left:7px}.information-flow h3{font-size:25px}.information-flow p{font-size:17px}.assurance-brief h3,.responsibility-copy h3{font-size:27px}.protection-grid{grid-template-columns:1fr;margin-top:28px}.protection-grid h3{font-size:26px}.protection-grid p{font-size:18px}.assurance-faq{padding-block:40px;gap:10px}.assurance-questions summary{font-size:19px}.assurance-next{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:40px}.possibility-card{grid-template-columns:26px minmax(0,1fr);padding:24px 19px;gap:0 12px}.possibility-card h3{font-size:28px}.possibility-card p{font-size:18px}.possibility-examples{grid-template-columns:1fr;gap:35px;padding-top:33px}.possibility-examples article{padding-left:21px}.possibility-examples h3{font-size:27px}.possibility-foundation{display:block;padding:28px 24px}.foundation-symbol{display:none}.possibility-foundation h2{font-size:33px}.possibility-foundation p{font-size:18px}.possibility-group{padding-bottom:40px}.possibility-group+.possibility-group{padding-top:40px}.getting-started-grid p{font-size:18px}}


/* Tre läsvyer. Ljust turkost övergår till petrol efter öppningen. */
body.site-home{--home-header-height:96px;--home-opening-height:max(530px,calc(100svh - var(--home-header-height)));--home-first-height:calc(var(--home-header-height) + var(--home-opening-height));background:linear-gradient(180deg,#c8e7e1 0,#b4dcd4 calc(var(--home-first-height) - 60px),#204d53 calc(var(--home-first-height) + 95px),#143f46 calc(var(--home-first-height) + 440px));color:#153f43;color-scheme:light;isolation:isolate}
.site-home #innehall{background:transparent;color:#153f43;overflow:clip}
.site-home .site-header{background:transparent;color:#153f43;border:0;min-height:96px}
.site-home .site-header>.brand{display:none}
.site-home .site-header nav.page-navigation{justify-content:flex-end}
.site-home .site-header .page-navigation>a{color:#254842;background:transparent}
.site-home .site-header .page-navigation>a.nav-explore{color:#153f43}
.site-home .site-header .page-navigation>a:hover{color:#153f43;background:#f0fcf638}
.site-home .site-header .page-navigation>a[aria-current=page]{color:#153f43;background:#f0fcf628;border-color:#386860}
.site-home .site-header .page-navigation>a:focus-visible{outline-color:#153f43}
.site-home .home-opening{position:relative;isolation:isolate;max-width:1480px;margin:0 auto;padding:28px 64px 68px;min-height:var(--home-opening-height);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0}

.site-home .home-opening h1{align-self:flex-end;max-width:920px;font:500 clamp(58px,6.7vw,92px)/1.05 var(--display);letter-spacing:-.055em;color:#153f43;margin:0;text-shadow:none;text-align:left}
.site-home .home-product,.site-home .home-purpose{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:65px 100px;align-items:center;align-content:center;max-width:1184px;margin:0 auto;padding:75px 24px;scroll-margin-top:25px}
.site-home .home-product{min-height:100svh;padding-top:120px}
.site-home .home-product h2{font:500 clamp(36px,3.6vw,49px)/1.15 var(--display);letter-spacing:-.035em;color:#edf4ec;margin:0;max-width:600px}
.site-home .home-purpose{min-height:calc(100svh - 142px);border-top:1px solid #a6cec12b}
.home-pillars{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:0;min-width:0}
.home-pillars li{border-top:1px solid #a6cec155;padding-top:26px;display:flex;flex-direction:column;gap:20px;color:#edf4ec;font:500 clamp(28px,2.65vw,36px)/1.2 var(--display);letter-spacing:-.025em}
.home-pillars .om-icon{width:48px;height:48px;color:#c6dfd6;stroke-width:1.1}
.home-pillars li{min-width:0}
.site-home .home-context{font:400 18px/1.65 var(--body);color:#c6ddd5;margin:19px 0 0}
.home-purpose-customer{padding:4px 0 5px 28px;border-left:2px solid #a6cec155}
.site-home .home-audience-examples{font:400 22px/1.7 var(--body);color:#c6ddd5;margin:0;max-width:470px}
.site-home .home-eyebrow{font:500 17px/1.6 var(--body);color:#b6dcd1;margin:0 0 20px}
.site-home .home-purpose h2{font:500 clamp(40px,4.3vw,56px)/1.1 var(--display);letter-spacing:-.04em;color:#edf4ec;margin:0}
.home-availability{padding-top:3px}
.site-home .home-availability h3{font:500 23px/1.3 var(--display);letter-spacing:-.02em;color:#e3efe9;margin:0 0 13px}
.site-home .home-availability .home-benefit{font-size:clamp(27px,2.5vw,33px);margin-bottom:26px;line-height:1.2}
.site-home .home-availability p{font:400 19px/1.7 var(--body);color:#c6ddd5;margin:0}
.site-home .company-footer,.site-home #privacy-dialog{color-scheme:dark}
@media(min-width:801px) and (max-height:740px){.site-home .home-opening{padding-top:18px;padding-bottom:58px;gap:65px}}
@media(max-width:1200px){.site-home .site-header{flex-direction:row;align-items:center;padding-inline:40px}.site-home .site-header nav.page-navigation{justify-content:flex-end}.site-home .home-opening{padding-inline:48px}.site-home .home-purpose{margin-inline:48px;padding-inline:0;gap:45px 54px}}
@media(max-width:800px){.site-home .site-header{padding:20px 28px;min-height:140px}.site-home .site-header nav.page-navigation{justify-content:flex-start;gap:4px}.site-home .home-opening{padding:30px 32px 58px;min-height:var(--home-opening-height);gap:100px}.site-home .home-opening h1{font-size:clamp(49px,8vw,64px);max-width:600px}.site-home .home-purpose{margin-inline:32px;gap:40px 36px;padding-block:115px 48px}.site-home .home-purpose h2{font-size:42px}.site-home .home-audience-examples{font-size:18px}.home-purpose-customer{padding-left:20px}.site-home .home-availability .home-benefit{font-size:28px}.site-home .home-availability p{font-size:18px}}
@media(max-width:600px){.site-home .site-header{padding:15px 19px;min-height:170px}.site-home .site-header .page-navigation>a{font-size:16px;padding-inline:8px;background:transparent}.site-home .home-opening{padding:26px 24px 62px;min-height:var(--home-opening-height);gap:120px}.site-home .home-opening h1{font-size:clamp(37px,9.4vw,56px);line-height:1.09;align-self:flex-start}.site-home .home-purpose{grid-template-columns:1fr;margin-inline:24px;padding-block:115px 48px;gap:30px}.site-home .home-context{font-size:17px;margin-top:15px}.home-purpose-customer{padding:2px 0 2px 19px}.site-home .home-audience-examples{font-size:18px}.home-purpose-main{padding-top:18px;border-top:1px solid #a6cec144;margin-top:4px}.site-home .home-eyebrow{font-size:17px;margin-bottom:17px}.site-home .home-purpose h2{font-size:clamp(36px,9.5vw,46px)}.home-availability{padding-top:0}.site-home .home-availability .home-benefit{font-size:29px;margin-bottom:24px}.site-home .home-availability h3{font-size:24px}.site-home .home-availability p{font-size:18px}}

.home-wordmark{position:absolute;left:64px;top:18px;margin:0;display:flex;align-items:center;gap:clamp(20px,3vw,44px)}
.home-wordmark>img{display:block;width:clamp(280px,30vw,360px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px #153f431c)}
.home-wordmark>span{display:block;font:500 clamp(92px,11vw,150px)/1 var(--display);letter-spacing:-.07em;color:#153f43}
@media(max-width:1200px){.home-wordmark{left:48px}}
@media(max-width:1200px){.site-home .home-product{margin-inline:48px;padding-inline:0;gap:60px 54px}}
@media(max-width:800px){body.site-home{--home-header-height:140px}.home-wordmark{left:32px;top:30px;gap:24px}.home-wordmark>img{width:clamp(220px,35vw,280px)}.home-wordmark>span{font-size:clamp(68px,10vw,85px)}.site-home .home-product{margin-inline:32px;gap:50px 36px}.site-home .home-purpose{padding-block:70px}.home-pillars{gap:23px}.home-pillars li{font-size:27px}.home-pillars .om-icon{width:42px;height:42px}}
@media(max-width:600px){body.site-home{--home-header-height:170px;--home-opening-height:max(550px,calc(100svh - var(--home-header-height)))}.home-wordmark{left:24px;top:26px;flex-direction:column;align-items:flex-start;gap:12px}.home-wordmark>img{width:clamp(220px,67vw,280px)}.home-wordmark>span{font-size:clamp(70px,19vw,98px)}.site-home .home-product{grid-template-columns:1fr;min-height:0;margin-inline:24px;padding-block:115px 55px;gap:30px}.site-home .home-product h2{font-size:37px}.home-pillars{grid-template-columns:1fr;gap:0;margin-top:7px}.home-pillars li{flex-direction:row;align-items:center;gap:22px;font-size:30px;padding:22px 0}.home-pillars li:last-child{border-bottom:1px solid #a6cec155}.home-pillars .om-icon{width:38px;height:38px;flex:none}.site-home .home-purpose{min-height:0;padding-block:55px 65px;gap:37px}.home-purpose-main{padding-top:0;border-top:0;margin-top:0}}
@media(max-width:380px){.site-home .home-product h2{font-size:32px}.home-pillars li{gap:18px;font-size:26px}.home-pillars .om-icon{width:32px;height:32px}}
@media(min-width:601px) and (max-width:800px){.home-pillars{grid-template-columns:1fr;gap:0}.home-pillars li{flex-direction:row;align-items:center;gap:22px;padding:20px 0}.home-pillars li:last-child{border-bottom:1px solid #a6cec155}}


/* Mobilanpassning för alla sidor. Länkarna förblir synliga utan JavaScript. */
.menu-toggle { display: none; }
@media (max-width: 800px) {
  body.site-home { --home-header-height: 76px; }
  .multipage .site-header.navigation-ready {
    position: relative;
    z-index: 80;
    min-height: 76px;
    padding: 12px 24px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .multipage .site-header.navigation-ready .brand { font-size: 30px; }
  .multipage .navigation-ready .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid #b6d1c666;
    border-radius: 6px;
    background: transparent;
    color: #edf4ec;
    font: 500 17px/1.4 var(--body);
    cursor: pointer;
  }
  .menu-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; }
  .multipage .navigation-ready nav.page-navigation {
    display: none;
    position: absolute;
    inset: calc(100% - 2px) 24px auto;
    width: auto;
    max-height: calc(100dvh - 100px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 10px;
    background: #153f46;
    border: 1px solid #b6d1c655;
    border-radius: 8px;
    box-shadow: 0 18px 35px #082a3040;
  }
  .multipage .navigation-ready.menu-open nav.page-navigation { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .multipage .navigation-ready .page-navigation > a { justify-content: flex-start; text-align: left; min-height: 48px; padding: 11px 14px; font-size: 17px; white-space: normal; }
  .site-home .site-header.navigation-ready { justify-content: flex-end; }
  .site-home .navigation-ready .menu-toggle { color: #153f43; border-color: #38686066; }
  .site-home .navigation-ready nav.page-navigation { background: #d1eae3; border-color: #38686055; }
  .site-home .navigation-ready .menu-toggle:focus-visible { outline-color: #153f43; }
  .multipage main :is(h1,h2,h3,p,li,legend,figcaption) { overflow-wrap: break-word; }
  .assurance-section > *, .control-choices li > *, .possibility-card > *, .product-overview > * { min-width: 0; }
  .multipage .company-footer address a, .multipage .company-footer .footer-link { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (max-width: 600px) {
  /* Bakgrunden följer innehållet även när textstorlek eller skärmhöjd ändras. */
  body.site-home { background: #143f46; }
  .site-home .site-header { background: #c8e7e1; }
  .site-home .home-opening {
    min-height: calc(100svh - 76px);
    padding: 24px 24px 70px;
    justify-content: space-between;
    gap: 48px;
    background: linear-gradient(#c8e7e1, #b4dcd4 calc(100% - 60px), #739c9b);
  }
  .site-home .home-wordmark { position: static; gap: 12px; }
  .site-home .home-wordmark > img { width: min(64vw, 260px, 32svh); height: auto; }
  .site-home .home-wordmark > span { font-size: clamp(62px, 19vw, 88px); }
  .site-home .home-opening h1 { font-size: clamp(32px, 8.7vw, 46px); line-height: 1.1; }
  .site-home .home-product {
    margin-inline: 0;
    padding: 95px 24px 48px;
    background: linear-gradient(#739c9b, #204d53 75px, #143f46 380px);
  }
  .site-home .home-product h2 { font-size: clamp(30px, 8.2vw, 37px); }
  .site-home .home-purpose { padding-block: 48px 56px; }
  .site-home .home-purpose h2 { font-size: clamp(32px, 8.6vw, 42px); }
  .home-pillars li { font-size: clamp(24px, 6.5vw, 30px); gap: 16px; padding-block: 20px; }
  .home-pillars .om-icon { width: 32px; height: 32px; }
  .home-pillars li > span { min-width: 0; }
  .product-overview > a { display: block; padding: 20px; }
  .product-overview .product-number { position: static; display: block; margin: 0 0 12px; }
  .product-overview strong { display: block; font-size: clamp(25px, 6.7vw, 30px); }
  .product-overview .product-link-arrow { top: 18px; right: 20px; }
  .product-part-heading h2 { font-size: clamp(32px, 8.7vw, 39px); }
  .site-journey .journey-overview ol { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .site-journey .journey-overview a > span { max-width: none; }
  .site-journey .chat-window [data-dialogue] { font-size: 16px; line-height: 1.65; }
  .site-journey .chat-turn { width: 100%; max-width: 100%; }
  .site-journey .chat-bottom { flex-wrap: wrap; gap: 12px; }
  .site-journey .chat-example-note { font-size: 13px; }
  .site-journey .scenario-controls { max-width: 100%; }
  .site-journey .scenario-controls select { font-size: 16px; min-height: 44px; max-width: 100%; }
  .site-journey .journey-dock-inner { padding-inline: 8px; }
  .site-journey .journey-dock ol { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr) minmax(0, 1fr); }
  .site-journey .journey-dock a { font-size: 13px; }
  .site-journey .story-document { padding: 22px 18px; }
  .site-journey .knowledge-source-details summary > span { line-height: 1; flex: none; margin-inline: 8px; }
  .knowledge-documents { flex-direction: column; align-items: stretch; gap: 10px; }
  .knowledge-documents > div { padding: 14px 16px; transform: none !important; }
  .knowledge-documents span { font-size: 14px; white-space: normal; margin-bottom: 12px; }
  .knowledge-documents i:nth-of-type(n+2) { display: none; }
  .control-choices strong { font-size: clamp(20px, 5.6vw, 23px); overflow-wrap: anywhere; }
  .control-choices li > span { overflow-wrap: anywhere; }
  .possibility-card { display: block; padding: 22px; }
  .possibility-number { display: block; margin: 0 0 16px; }
  .possibility-card h3 { font-size: clamp(26px, 7vw, 30px); }
  .multipage .content-heading h1 { font-size: clamp(34px, 9vw, 44px); }
  .multipage dialog { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; }
}