.scene-witcrm{--paper:#f7f5ec;--ink:#23372f}
.scene-witcrm .header{height:88px;border:1px solid #ffffffa6;border-radius:0 0 15px 15px;background:#f9f7efbc;backdrop-filter:blur(16px);padding-inline:28px;box-shadow:0 10px 45px #15362912}
.scene-witcrm .hero{display:block;min-height:calc(100svh - 88px);padding:7vh 0 20vh;position:relative}
.scene-witcrm .hero-copy{width:min(610px,52%);padding:38px 40px;background:#faf8efb8;border:1px solid #ffffffaa;border-left:4px solid var(--orange);border-radius:3px 24px 24px 3px;backdrop-filter:blur(18px);box-shadow:0 20px 80px #183c2924}
.scene-witcrm .hero h1{font-size:clamp(48px,5.8vw,84px);line-height:1.04;letter-spacing:-3px;margin-block:25px}
.scene-witcrm .hero-description{font-size:16px;line-height:1.85;max-width:none}
.scene-witcrm .hero-actions{gap:20px;margin-top:28px}.scene-witcrm .hero-actions .button{font-size:13px;padding:17px 20px}.scene-witcrm .hero-actions .text-link{font-size:12px}
.hero-scene-note{font:10px/1.7 Onest,Arial,sans-serif;color:#667560;margin:25px 0 0;padding-top:19px;border-top:1px solid #b8c2af}
.scene-witcrm .demo-showcase{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;background:#faf8f0bf;padding:45px;border:1px solid #ffffffab;border-radius:24px;margin-block:8vh 45px;backdrop-filter:blur(18px);box-shadow:0 20px 80px #183c2924}
.demo-intro h2{font:500 clamp(32px,3.8vw,55px)/1.1 Onest,Arial,sans-serif;letter-spacing:-1.5px;margin:24px 0}
.demo-intro>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#62745d;max-width:410px}
.demo-intro .demo-step{display:block;border-top:1px solid #c6d0bb;padding-top:18px;margin-top:24px;font:11px/1.8 Onest,Arial,sans-serif;color:#6b7962}
.scene-witcrm .demo-wrap{width:100%;max-width:600px;justify-self:end}
.scene-witcrm .module-strip{padding:25px 35px;background:#faf8efbf;border:1px solid #ffffffaa;border-radius:15px;backdrop-filter:blur(16px)}
.scene-witcrm .control-section{width:calc(100% - 112px);max-width:1328px;margin:15vh auto;background:#1c3029f0;border:1px solid #e5edcd55;border-radius:24px;padding:43px 0;backdrop-filter:blur(18px);box-shadow:0 20px 80px #183c2924}
.scene-witcrm .control-section>.page-width{width:calc(100% - 70px)}
.scene-witcrm .principle-section,.scene-witcrm .modules-section,.scene-witcrm .implementation-section{padding:45px;background:#faf8efbf;border:1px solid #ffffffaa;border-radius:24px;margin-block:15vh;backdrop-filter:blur(18px);box-shadow:0 20px 80px #183c2924}
.scene-witcrm .configuration-section,.scene-witcrm .faq-section,.scene-witcrm .contact-section{width:calc(100% - 112px);max-width:1328px;margin:15vh auto;border:1px solid #ffffffaa;border-radius:24px;background:#f0f3e7bf;padding-block:45px;backdrop-filter:blur(18px);box-shadow:0 20px 80px #183c2924}
.scene-witcrm .configuration-section>.page-width,.scene-witcrm .faq-section>.page-width,.scene-witcrm .contact-section>.page-width{width:calc(100% - 80px)}
.scene-witcrm .contact-section{background:#1c3029f2;border-color:#d9e6c75c}.scene-witcrm .contact-section .contact-actions .button{color:#20332a}
.scene-witcrm .footer,.scene-witcrm>.legal-footer{background:#faf8efbf;border:1px solid #ffffffaa;border-radius:17px;padding:28px 35px;margin-top:30px;backdrop-filter:blur(16px)}
.scene-witcrm>.legal-footer{width:calc(100% - 112px);max-width:1328px;margin-bottom:25px}
.scene-witcrm .scene-dock [data-scene-range]{accent-color:#d47b34}.scene-witcrm .scene-dock{background:#faf8efbf;color:#263b2f}
.scene-witcrm .scene-interlude{width:calc(100% - 112px);max-width:1328px;margin:auto}
.scene-site.content-page .content-main,.scene-site.legal-page main{background:#faf8f0c2;border:1px solid #ffffffaa;border-radius:24px;padding:42px;margin-top:35px;margin-bottom:45px;box-shadow:0 20px 80px #183c2924;backdrop-filter:blur(18px)}
.scene-site.content-page .content-header,.scene-site.content-page .content-footer,.scene-site.legal-page header,.scene-site.legal-page footer{background:#faf8f0bf;border-radius:15px;padding:24px;backdrop-filter:blur(15px)}
.scene-site.legal-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1250px){.scene-witcrm .hero-copy{width:56%;padding:32px}.scene-witcrm .hero h1{font-size:62px}.scene-witcrm .hero-description{font-size:14px}.scene-witcrm .hero-actions .button{font-size:12px}.scene-witcrm .demo-showcase{gap:35px;padding:35px}.scene-witcrm .principle-section,.scene-witcrm .modules-section,.scene-witcrm .implementation-section{padding:35px}}
@media(max-width:1200px){.scene-witcrm .control-section,.scene-witcrm .configuration-section,.scene-witcrm .faq-section,.scene-witcrm .contact-section,.scene-witcrm>.legal-footer,.scene-witcrm .scene-interlude{width:calc(100% - 64px)}}
@media(max-width:1000px) and (min-width:761px){.scene-witcrm .hero-copy{width:65%}.scene-witcrm .hero h1{font-size:58px}.scene-witcrm .demo-showcase{gap:28px;padding:28px;grid-template-columns:.7fr 1.3fr}.demo-intro h2{font-size:33px}.demo-intro>p:not(.eyebrow){font-size:13px}.scene-witcrm .hero-actions{flex-direction:row}}
@media(max-width:760px){
 .scene-witcrm .header{height:76px;width:calc(100% - 24px);padding-inline:16px}.scene-witcrm .header nav{top:75px;border-radius:0 0 15px 15px}
 .scene-witcrm .hero{width:calc(100% - 28px);min-height:calc(100svh - 76px);padding:6svh 0 34svh}
 .scene-witcrm .hero-copy{width:100%;padding:27px 24px;border-radius:3px 20px 20px 3px}
 .scene-witcrm .hero h1{font-size:clamp(33px,9.4vw,62px);letter-spacing:-1.7px;margin-block:23px}
 .scene-witcrm .hero-description{font-size:14px;line-height:1.85}.scene-witcrm .hero-copy .eyebrow{font-size:7px}
 .scene-witcrm .hero-actions{gap:18px;flex-direction:column}.scene-witcrm .hero-actions .button{font-size:11px;padding:15px 17px}.scene-witcrm .hero-actions .text-link{font-size:11px}
 .hero-scene-note{font-size:9px;margin-top:23px;padding-top:16px}
 .scene-witcrm .demo-showcase{width:calc(100% - 28px);grid-template-columns:1fr;padding:27px 22px;gap:24px;border-radius:20px;margin-block:8svh 25px}
 .demo-intro h2{font-size:34px;margin-block:20px}.demo-intro>p:not(.eyebrow){font-size:13px}.demo-intro .demo-step{font-size:10px;margin-top:17px}
 .scene-witcrm .demo-wrap{max-width:none}.scene-witcrm .workspace{box-shadow:none}.scene-witcrm .workspace-heading h2{font-size:21px}
 .scene-witcrm .module-strip{width:calc(100% - 28px);padding:22px;gap:14px;border-radius:15px}
 .scene-witcrm .control-section,.scene-witcrm .configuration-section,.scene-witcrm .faq-section,.scene-witcrm .contact-section{width:calc(100% - 28px);margin-block:28svh;border-radius:20px;padding-block:31px}
 .scene-witcrm .control-section>.page-width,.scene-witcrm .configuration-section>.page-width,.scene-witcrm .faq-section>.page-width,.scene-witcrm .contact-section>.page-width{width:calc(100% - 42px)}
 .scene-witcrm .principle-section,.scene-witcrm .modules-section,.scene-witcrm .implementation-section{width:calc(100% - 28px);padding:30px 23px;margin-block:28svh;border-radius:20px}
 .scene-witcrm .module-links a{font-size:9px}.scene-witcrm .control-grid article{padding-inline:17px}.scene-witcrm .control-grid h3{font-size:19px}
 .scene-witcrm .control-section .section-index>span:last-child{font-size:5px;max-width:100px}
 .scene-witcrm .contact-phone{font-size:25px}.scene-witcrm .contact-email{font-size:22px}
 .scene-witcrm .footer,.scene-witcrm>.legal-footer{width:calc(100% - 28px);padding:25px 23px;border-radius:17px;margin-top:20px}
 .scene-witcrm .scene-interlude{width:calc(100% - 28px)}
 .scene-site.content-page .content-main,.scene-site.legal-page main{padding:27px 23px;border-radius:18px}
}

/* Light surfaces: +20 percentage points of transparency, text remains solid. */
.scene-witcrm .task-card,.scene-witcrm .config-summary,.scene-witcrm dialog{background:rgb(247 245 236 / .8)}
.scene-witcrm .implementation-steps>.warranty-step{background:rgb(233 237 225 / .8)}
.scene-witcrm dialog textarea{background:rgb(233 231 220 / .8)}
.scene-witcrm .privacy-banner{background:rgb(255 254 249 / .8);backdrop-filter:blur(16px)}
.scene-witcrm.legal-page .notice{background:rgb(232 237 223 / .8)}
.scene-witcrm .scene-widget-toggle{background:rgb(250 248 239 / .74)}
.scene-witcrm :where(a,button,summary,.module-options label>span,.archive-option,input[type=range]){transition:background-color .16s ease,box-shadow .16s ease,filter .16s ease,color .16s ease}
@media(hover:hover) and (pointer:fine){
 .scene-witcrm :where(a,button:not(:disabled),summary,.archive-option):hover{box-shadow:0 0 0 2px rgb(218 123 47 / .24);filter:brightness(1.045)}
 .scene-witcrm .header nav>a:not(.nav-cta):hover{color:#25412f;background:rgb(237 124 36 / .09);box-shadow:0 0 0 5px rgb(237 124 36 / .09);border-radius:3px}
 .scene-witcrm .role-lines button:hover{background:rgb(237 124 36 / .08)}
 .scene-witcrm .module-options label:hover>span{box-shadow:0 0 0 2px rgb(218 123 47 / .24);filter:brightness(1.045)}
 .scene-witcrm input[type=range]:hover{filter:brightness(1.08)}
}