/* En berättelse, en läsriktning. Tråden får vara den visuella signaturen. */
body{background:#143f46}.site-header{max-width:none;padding:23px clamp(24px,4.4vw,80px);background:#e1eee5;color:#143f46;border-bottom:1px solid #143f4612}.site-header nav>a:not(.nav-contact){color:#365a58}.site-header nav>a:hover{color:#08796f}.site-header .nav-contact{border-color:#143f4635}.site-header .brand-dot{color:#08796f}.site-header .brand-symbol img{filter:none;animation:none}.site-header .brand-symbol i{display:none}
#innehall{position:relative;background:#e1eee5;color:#143f46;isolation:isolate}.quiet-hero{position:relative;min-height:640px;padding:76px 28px 220px;text-align:center;color-scheme:light}.quiet-hero h1{font-size:clamp(50px,6.5vw,94px);font-weight:500;line-height:1.04;letter-spacing:-.065em;position:relative;z-index:4}.quiet-hero>p{max-width:460px;font-size:17px;line-height:1.65;margin:25px auto 0;position:relative;z-index:4}.follow-story{position:relative;z-index:4;display:inline-flex;align-items:center;gap:20px;margin-top:29px;font-size:14px;font-weight:650;padding:10px 0;border-bottom:1px solid #143f4650}.follow-story>span{font-size:19px}.follow-story:hover{color:#08796f;border-color:#08796f}.follow-story:focus-visible{outline-color:#08796f}
.page-thread{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.thread-svg{display:block;width:100%;height:100%;overflow:visible}.thread-strands{opacity:.55}.thread-progress{stroke-linecap:round;opacity:.9}.thread-head{filter:drop-shadow(0 0 4px #a6dbcf80)}
.chapters{position:relative;padding:0 0 65px}.chapter{position:relative;max-width:1240px;margin:auto;min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:85px 96px;color-scheme:light}.chapter-copy{min-width:0}.chapter-number{display:block;font-size:13px;color:#587168;margin-bottom:25px}.chapter h2{font-size:clamp(36px,4.05vw,58px);line-height:1.06;font-weight:500;letter-spacing:-.055em}.chapter-copy>p{font-size:17px;line-height:1.75;max-width:350px;margin-top:24px;color:#44645b}.chapter-visual{margin:0;min-width:0;position:relative}.chapter-visual figcaption{font-size:11px;line-height:1.6;color:#5b756b;margin:22px 0 0;max-width:360px}.conversation{padding:0 3px}.example-role{display:block;font-size:13px;margin-bottom:15px;color:#756045}.conversation blockquote{margin:0;background:#f3dcb9;border:1px solid #fff9;border-radius:18px 18px 3px 18px;padding:28px 30px;font-family:var(--display);font-size:clamp(25px,2.5vw,36px);line-height:1.2;letter-spacing:-.03em;color:#504331;box-shadow:0 16px 32px -24px #745c4250}.chat-response{display:flex;align-items:center;gap:11px;padding:22px 0 0;font-size:15px}.chat-response img{flex-shrink:0;width:25px}.review-document{background:#f9fbf7;border:1px solid #fff;border-radius:10px;padding:31px 32px;box-shadow:0 20px 45px -30px #143f4660}.document-title{display:block;font-family:var(--display);font-size:24px;letter-spacing:-.025em}.review-document>p{font-size:16px;line-height:1.75;margin:22px 0;color:#47645a}.review-confirmation{display:flex;align-items:center;gap:9px;font-size:12px;color:#267464}.review-confirmation>span{font-size:15px}.review-code{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px dashed #143f4630;margin-top:28px;padding-top:22px}.review-code>span{font-size:12px;color:#56756b}.review-code strong{font-family:var(--display);font-size:27px;font-weight:500;letter-spacing:.08em;white-space:nowrap}.human-window{background:#f9fbf7;border:1px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px -30px #143f4660}.human-toolbar{display:flex;justify-content:space-between;gap:20px;padding:17px 24px;background:#143f46;color:#f5f8f7;font-size:13px}.human-toolbar>span:last-child{font-size:11px;letter-spacing:.08em;color:#a6dbcf}.human-content{padding:27px}.human-content>span{font-size:12px;color:#6a8075}.human-content>p{font-size:14px;line-height:1.7;color:#567063;margin:12px 0 26px}.human-content blockquote{margin:0;border-top:1px solid #143f4620;padding-top:23px;font-family:var(--display);font-size:clamp(27px,2.6vw,37px);font-weight:500;letter-spacing:-.035em;line-height:1.16}
.support-zone{position:relative;background:#143f46;color:#f5f8f7;padding-top:90px;padding-bottom:10px;border-radius:36px 36px 0 0}.support-zone>.wrap{max-width:1240px;padding-left:96px;padding-right:70px}.support-zone .tools{padding-bottom:110px}.support-zone .tools-top{display:block;max-width:750px;margin-bottom:32px}.support-zone .tools-top h2{font-size:clamp(33px,3.8vw,52px);line-height:1.1}.support-zone .tools-top .status-label{display:block;margin-top:18px;font-size:12px}.support-zone .tool-panel{gap:42px;grid-template-columns:.75fr 1.25fr}.support-zone .tool-story h3{font-size:32px}.support-zone .tool-story>p:not(.section-label){font-size:16px}.support-zone .tool-tabs{gap:12px;margin-bottom:34px}.support-zone .tool-tabs button{font-size:14px}.support-zone .tool-tabs .tool-icon{display:none}.support-zone .safety-simple{padding-top:85px;padding-bottom:85px;gap:25px 45px;border-top:0}.support-zone .safety-simple h2{font-size:clamp(32px,3.4vw,46px)}.support-zone .safety-short p{font-size:14px}.support-zone .safety-note{font-size:13px}.support-zone .faq{padding-top:60px;padding-bottom:100px;gap:60px;grid-template-columns:.8fr 1.2fr}.support-zone .faq h2{font-size:36px}.support-zone .contact{padding-top:55px;padding-bottom:75px}.support-zone .contact::before{display:none}.support-zone .contact-grid{padding:0;gap:50px}.support-zone .contact h2{font-size:clamp(36px,4vw,55px)}.site-footer{max-width:1240px;padding-left:96px;padding-right:70px}.page-thread+.quiet-hero~.chapters .chapter::before{content:'';position:absolute;left:37px;top:50%;width:10px;height:10px;border-radius:50%;border:2px solid #368e7c;background:#e1eee5;z-index:4}
@media(min-width:1500px){.quiet-hero{padding-top:90px;min-height:700px}}
@media(max-width:1000px){.chapter{gap:45px;padding:70px 56px 70px 90px;min-height:580px}.chapter h2{font-size:39px}.chapter-copy>p{font-size:16px}.conversation blockquote{font-size:27px;padding:23px}.review-document{padding:25px}.review-code strong{font-size:24px}.human-content{padding:22px}.human-content blockquote{font-size:29px}.support-zone>.wrap{padding-left:90px;padding-right:48px}.support-zone .tool-panel{gap:28px}.support-zone .tool-tabs button>span:last-child{font-size:13px}.support-zone .safety-simple{grid-template-columns:1fr;gap:30px}.support-zone .faq{gap:35px}.site-footer{padding-left:90px;padding-right:48px}}
@media(max-width:760px){.site-header{padding:20px 24px}.quiet-hero{min-height:550px;padding:58px 24px 180px}.quiet-hero h1{font-size:clamp(40px,8.4vw,62px);letter-spacing:-.06em}.quiet-hero>p{font-size:15px;max-width:345px;margin-top:24px}.follow-story{font-size:13px;margin-top:23px}.chapter{display:block;padding:45px 26px 75px 56px;min-height:0;max-width:520px}.chapter-number{font-size:12px;margin-bottom:18px}.chapter h2{font-size:clamp(34px,7.5vw,43px)}.chapter-copy>p{font-size:15px;line-height:1.7;margin-top:20px;max-width:360px}.chapter-visual{margin-top:35px}.chapter-visual figcaption{font-size:10px;margin-top:17px}.conversation{padding:0}.example-role{font-size:12px;margin-bottom:12px}.conversation blockquote{font-size:27px;padding:23px 24px}.chat-response{font-size:14px;padding-top:19px}.review-document{padding:25px 23px}.document-title{font-size:23px}.review-document>p{font-size:15px;margin:20px 0}.review-confirmation{font-size:11px}.review-code{margin-top:23px;padding-top:20px}.review-code>span{font-size:11px}.review-code strong{font-size:24px}.human-toolbar{padding:16px 20px;font-size:12px}.human-content{padding:22px}.human-content>p{font-size:13px}.human-content blockquote{font-size:29px}.chapters{padding-bottom:30px}.support-zone{padding-top:62px;border-radius:24px 24px 0 0}.support-zone>.wrap{padding-left:56px;padding-right:26px}.support-zone .tools{padding-bottom:55px}.support-zone .tools-top h2{font-size:33px}.support-zone .tools-top{margin-bottom:26px}.support-zone .tools-top .status-label{font-size:11px;margin-top:15px}.support-zone .tool-tabs{gap:6px;margin-bottom:29px}.support-zone .tool-tabs button{min-height:68px;padding:11px 8px;border-radius:7px;justify-content:center}.support-zone .tool-tabs button>span:last-child{font-size:10px}.support-zone .tool-tabs small{display:none}.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;margin-top:12px}.support-zone .tool-panel .app-content{padding:17px}.support-zone .app-toolbar{flex-wrap:wrap;gap:7px}.support-zone .safety-simple{padding-top:60px;padding-bottom:50px;gap:28px}.support-zone .safety-simple h2{font-size:32px}.support-zone .safety-short p{font-size:13px;gap:12px}.support-zone .safety-note{font-size:12px}.support-zone .faq{grid-template-columns:1fr;padding-top:50px;padding-bottom:60px;gap:24px}.support-zone .faq h2{font-size:32px}.support-zone .contact{padding-top:40px;padding-bottom:45px}.support-zone .contact h2{font-size:36px}.support-zone .contact-grid{gap:35px}.site-footer{padding-left:56px;padding-right:26px}.site-footer>p{margin:0}.page-thread+.quiet-hero~.chapters .chapter::before{left:13px;top:71px;width:10px;height:10px}.support-zone .mini-deck{grid-template-columns:1fr}.support-zone .mini-slide{aspect-ratio:16/9;padding:18px}.support-zone .mini-slide h4{font-size:22px}.support-zone .mini-slide p{font-size:12px}}
@media(min-width:521px) and (max-width:760px){.chapter{max-width:none}.chapter-copy,.chapter-visual{max-width:400px;margin-left:auto;margin-right:auto}}
@media(max-width:360px){.quiet-hero{padding-inline:18px;min-height:550px}.quiet-hero h1{font-size:36px}.quiet-hero>p{font-size:14px}.chapter,.support-zone>.wrap{padding-left:49px;padding-right:21px}.chapter h2{font-size:32px}.conversation blockquote{font-size:24px;padding:21px}.review-document{padding:22px 18px}.review-code{gap:8px;flex-wrap:wrap}.human-content{padding:20px}.human-content blockquote{font-size:26px}.support-zone .tool-tabs button{padding:10px 6px}.support-zone .tool-tabs button>span:last-child{font-size:9px}.support-zone .tools-top h2{font-size:30px}.support-zone .interpretation-content{grid-template-columns:1fr}.support-zone .interpret-target{padding-left:0;border-left:0;border-top:1px solid #143f4630;padding-top:15px}.site-footer{padding-left:49px;padding-right:21px}.email-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.thread-head,.thread-progress{display:none}.thread-strands{opacity:.65}}
.quiet-hero{scroll-margin-top:80px}
@media(max-width:760px){.support-zone .output-tabs{flex-wrap:wrap;gap:6px}.support-zone .output-tabs button{padding:7px 9px;font-size:10px}}

/* OMTNK:s linjeikoner: samma mjuka ändar, kurvor och linjetjocklek. */
.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.om-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.action-icon{width:19px;height:19px}
.chapter-number{display:flex;align-items:center;gap:12px}
.chapter-number>.om-icon{width:23px;height:23px;color:#987143}
#dela .chapter-number>.om-icon{color:#287b69}
#motet .chapter-number>.om-icon{color:#143f46}
.document-title{display:flex;align-items:center;gap:11px}
.document-title>.om-icon{width:22px;height:22px;color:#478676}
.review-check{width:20px;height:20px}
.human-toolbar>span:first-child{display:flex;align-items:center;gap:9px}
.human-toolbar .om-icon{width:19px;height:19px;color:#a6dbcf}
.human-toolbar>.received-code{align-self:center;padding:3px 6px;border-radius:4px}
.support-zone .tool-tabs .tool-symbol{display:block;width:25px;height:25px;color:#a6dbcf}
.support-zone .tool-tabs button[aria-selected=true] .tool-symbol{color:#143f46}
.knowledge-layout .document{display:flex;align-items:center;gap:7px}
.document>.om-icon{width:15px;height:15px}
.source-button{display:inline-flex;align-items:center;gap:7px}
.source-button>.om-icon{width:17px;height:17px}
.safety-short .om-icon{width:24px;height:24px;color:#a6dbcf}
.faq summary{align-items:center}
.faq summary>span{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px}
.faq summary .om-icon{width:20px;height:20px}
.faq-answer{padding:0 0 24px}
.faq-answer p{font-size:13px;line-height:1.85;color:#bcd0d0;max-width:60ch}
.faq-answer p+p{margin-top:15px}
.faq-answer a{color:#d2f0e4;text-decoration:underline;text-underline-offset:3px}
.faq details[open] .faq-answer{animation:answer-open .25s ease-out}
@keyframes answer-open{from{opacity:.65}to{opacity:1}}

/* Ett mycket svagt ljus vid tråden, helt stilla när scrollningen stannar. */
.ambient-field{position:absolute;left:0;right:0;top:0;height:2450px;overflow:hidden;pointer-events:none;z-index:0}
.ambient-light{position:absolute;width:1000px;height:1000px;left:-500px;top:-500px;background:radial-gradient(ellipse at 42% 42%,#fff3d366 0%,#fff3d322 31%,transparent 65%),radial-gradient(ellipse at 66% 61%,#8dcebb2b 0%,transparent 56%);transform:translate3d(35vw,470px,0)}
.quiet-hero,.chapters,.support-zone{z-index:1}

/* Korta entréer. Grundläget är alltid det fullständiga, läsbara innehållet. */
.entering{animation:section-arrival .48s cubic-bezier(.2,.7,.2,1) both}
@keyframes section-arrival{from{opacity:.85;translate:0 8px}to{opacity:1;translate:0 0}}
.chapter-visual.is-explaining *{animation-play-state:var(--scene-play,running)!important}
.motion-paused .entering,.motion-paused .chapter-visual.is-explaining *{animation-play-state:paused!important}
#resan .is-explaining .conversation blockquote{animation:message-arrival .55s cubic-bezier(.2,.7,.2,1) both;transform-origin:100% 100%}
#resan .is-explaining .chat-response{animation:message-arrival .45s .65s both}
@keyframes message-arrival{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
#dela .is-explaining .summary-words span{animation:summary-form .5s both}
#dela .is-explaining .summary-words span:nth-child(2){animation-delay:.3s}
#dela .is-explaining .review-check path{stroke-dasharray:1;animation:review-tick .4s .8s both}
#dela .is-explaining .review-confirmation{animation:summary-form .4s .8s both}
#dela .is-explaining .review-code{animation:code-arrival .6s 1.25s both}
@keyframes summary-form{from{opacity:.15}to{opacity:1}}
@keyframes review-tick{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes code-arrival{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#motet .is-explaining .received-code{animation:received-code 1s both}
#motet .is-explaining .human-content>p{animation:summary-form .45s .25s both}
#motet .is-explaining .human-content blockquote{animation:message-arrival .55s .75s both}
@keyframes received-code{0%{background:#e8ab6d00;color:#a6dbcf}35%{background:#edcfa4;color:#143f46}100%{background:#e8ab6d00;color:#a6dbcf}}

@media(max-width:1000px){.support-zone .tool-tabs button{gap:10px}.support-zone .tool-tabs .tool-symbol{width:22px;height:22px}.document-title{font-size:22px;gap:9px}}
@media(max-width:760px){.chapter-number{gap:9px}.chapter-number>.om-icon{width:20px;height:20px}.support-zone .tool-tabs button{align-items:flex-start;justify-content:flex-start;gap:9px;min-height:90px}.support-zone .tool-tabs .tool-symbol{width:22px;height:22px}.faq-answer p{font-size:12px;line-height:1.8}.document-title{font-size:21px;gap:8px}.document-title>.om-icon{width:19px;height:19px}.ambient-light{width:760px;height:760px;left:-380px;top:-380px}.review-confirmation{align-items:flex-start}.review-check{margin-top:1px}}
@media(max-width:360px){.document-title{font-size:19px;gap:7px}.human-toolbar{padding:15px 16px;gap:8px}.human-toolbar .om-icon{width:17px;height:17px}.human-toolbar>span:first-child{gap:6px}.support-zone .tool-tabs button{min-height:86px}}
@media(prefers-reduced-motion:reduce){.entering,.chapter-visual.is-explaining *,.faq details[open] .faq-answer{animation:none!important;transform:none!important;translate:none!important;opacity:1!important}.review-check path{stroke-dashoffset:0!important}.ambient-light{transform:translate3d(35vw,470px,0)!important}}
.faq-answer p{font-size:14px}@media(max-width:760px){.faq-answer p{font-size:13px}}
@media(max-width:360px){.site-header{padding-inline:18px;gap:12px}.site-header .brand{font-size:30px;gap:7px}.site-header .brand-symbol{width:30px;height:30px}.site-header .nav-contact{font-size:11px;padding:9px 12px;gap:10px;white-space:nowrap}.site-header .nav-contact .action-icon{width:16px;height:16px}.quiet-hero h1{font-size:32px}}