/* WIYU — palette selected by the user, 4 Nov 2026.
   Orange #FF5528 / lime #DCFF00 / iris violet #6450D2 / white. */
:root{--paper:#fff;--violet:#6450d2;--lime:#dcff00;--orange:#ff5528;--green:var(--lime);--muted:var(--violet);--line:#6450d24d;--wash:#fff;--mint:#fff}
.site-header{background:#fffffff2;border-color:#6450d233}.wordmark{letter-spacing:-.055em}.button:hover{box-shadow:0 7px 20px #6450d226}.status-dot{background:var(--orange)}
.section-label,.micro,.fine-note,.muted,.lead{color:inherit}.section-label{opacity:1}.story-num,.story-item .micro,.sources>div>span,.source-tabs button span,.case-tabs button>span{opacity:1}
.hero{color:var(--violet)}.hero-veil{background:linear-gradient(90deg,#fffffff5 0%,#ffffffe8 30%,#ffffffa1 55%,#ffffff00 85%)}.hero .scroll-arrow,.motion-icon{border-color:#6450d24d}.hero-bottom{border-color:#6450d24d}

/* 01 — lime field, violet story on white sheets. */
.context{background:var(--lime)}.context .story-flow{background:var(--paper);padding:30px;border-radius:18px}.context .story-item{border-color:#6450d240}.story-caption{color:var(--violet)}

/* 02 — violet field, lime analysis engine and white source typography. */
.platform{background:var(--violet);color:var(--paper)}.platform .section-label{border-color:#ffffff66}.platform .lead,.platform .sources p,.platform .sources small,.platform .sources>div>span,.platform .principles p,.platform>.wrap>.fine-note{color:var(--paper)}.platform .sources>div,.platform .principles article,.platform>.wrap>.fine-note{border-color:#ffffff66}.platform .engine{background:var(--lime);color:var(--violet)}.platform .engine .micro{color:var(--violet)}.platform .engine-line{background:#6450d24d}.platform .engine-outputs span{border-color:var(--violet)}.platform .sources strong small{display:inline-block;margin-left:7px;padding:3px 6px;border:1px solid #ffffff80;border-radius:4px}.platform .principles h3{color:var(--lime)}

/* 03 — orange surround. Small copy uses a white surface for contrast. */
.process{background:var(--orange);color:var(--paper)}.process .section-label{border-color:#ffffff99}.process .section-label>span,.pilot .section-label>span{background:var(--violet);color:var(--paper);padding:6px 10px;border-radius:4px}.process .section-heading>.lead,.pilot .section-heading>div{background:var(--paper);color:var(--violet);padding:25px;border-radius:14px}.process .section-heading>.lead{font-size:17px}.process-list{background:var(--paper);color:var(--violet);border-radius:18px;padding:28px;gap:20px}.process-list li{border-color:#6450d24d}.process-list li>span,.process-list p{color:var(--violet)}.process-foot{background:var(--violet);color:var(--paper);border:0;border-radius:12px;padding:22px;margin-top:24px}.process-foot span{color:var(--lime)}

/* 04 — violet and lime; selected content has its own luminous panel. */
.use-cases{background:var(--violet);color:var(--paper)}.use-cases .lead,.use-cases .section-label,.case-tabs button,.case-footer{color:var(--paper)}.use-cases .section-label,.case-tabs button,.case-tabs button:last-child,.case-footer{border-color:#ffffff66}.case-content{background:var(--lime);color:var(--violet);border-radius:20px;padding:34px}.case-panel>.micro,.case-panel>p:not(.micro),.case-panel .text-link{color:var(--violet)}.case-tags span{border-color:#6450d280}.case-content :focus-visible{outline-color:var(--violet)}.case-tabs button[aria-selected=true],.case-tabs button:hover{color:var(--lime)}.case-footer strong{color:var(--paper)}

/* 05 — white pause, with violet conversation and lime evidence header. */
.evidence{background:var(--paper)}.evidence-toolbar{background:var(--lime);color:var(--violet)}.demo-badge{background:var(--paper);color:var(--violet)}.conversation{background:var(--violet);color:var(--paper)}.conversation .micro,.conversation .fragment-note{color:var(--paper)}.conversation .quote-mark{color:var(--lime)}.conversation :focus-visible{outline-color:var(--lime)}.evidence-limit{background:var(--lime);color:var(--violet)}.findings p,.finding-index,.evidence-question p,.fragment-note,.evidence-footer,.source-tabs button{color:var(--violet)}

/* 06 — lime canvas, white source/result rows, orange WIYU centre. */
.integrations{background:var(--lime);padding-top:104px}.integration-flow>div:not(.flow-core)>p:not(.micro){background:var(--paper);padding:12px 16px;margin-top:7px;border:0;border-radius:5px}.integration-flow .flow-core{background:var(--orange);color:var(--paper)}.integration-questions{border-color:#6450d266}.integration-questions p+p{border-color:#6450d266}

/* 07 — violet with white control cards. */
.protection{background:var(--violet);color:var(--paper)}.protection .section-label{border-color:#ffffff66}.protection-grid .lead{color:var(--paper)}.protection-grid>.text-link,.protection-grid>div>.text-link{color:var(--lime)}.protection-items{display:grid;gap:15px}.protection-items article,.protection-items article:first-child{background:var(--paper);color:var(--violet);padding:24px;border:0;border-radius:12px}.protection-items p,.protection-items article>span{color:var(--violet)}.protection :focus-visible{outline-color:var(--lime)}

/* 08 — orange field, white steps, violet deliverables. */
.pilot{background:var(--orange);color:var(--paper)}.pilot .section-label{border-color:#ffffff99}.pilot .section-heading .lead{color:var(--violet)}.pilot .section-heading .text-link{color:var(--violet)}.pilot-steps{gap:20px}.pilot-steps li{background:var(--paper);color:var(--violet);padding:27px;border:0;border-radius:14px}.pilot-steps span{color:var(--violet)}.pilot-deliverables{background:var(--violet);color:var(--paper);border:0;border-radius:12px;padding:24px}.pilot-deliverables p{color:var(--paper)}.pilot-deliverables span{color:var(--paper);border-color:#ffffff66}

/* 09 — lime field with an uncluttered white FAQ panel. */
.faq{display:block;background:var(--lime);padding-block:90px}.faq>.wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;align-items:start}.faq-list{background:var(--paper);padding:8px 28px;border-radius:16px}.faq-list details:first-child{border-top:0}.faq-list details:last-child{border-bottom:0}.faq-list details>p{color:var(--violet)}

/* 10 — violet, opaque white copy and lime action. */
.contact{background:var(--violet)}.contact-intro .lead,.contact-aside>span,.demo-notice,.field label>span,.source-fields legend>span,.field-help,.form-bottom>p{color:var(--paper)}.contact .status-dot{background:var(--lime)}.contact .source-fields input{accent-color:var(--lime)}.contact :focus-visible{outline-color:var(--lime)}.field input,.field textarea,.field select{border-color:#ffffffa6}.demo-notice{border-color:#ffffff80}.footer{background:var(--paper)}

@media(max-width:1199px){.process-list{padding:23px;gap:15px}.case-content{padding:28px}.process-list p{font-size:13px}}
@media(max-width:1023px){.integrations{padding-top:78px}.faq>.wrap{gap:7%}.process-list{padding:28px;gap:28px}.process-list p{font-size:14px}}
@media(max-width:767px){.context .story-flow{padding:25px 22px;margin-top:3px}.platform .sources strong small{display:block;margin-left:0;width:max-content;margin-top:7px}.process .section-heading>.lead,.pilot .section-heading>div{padding:22px}.process-list{padding:5px 22px;gap:0;margin-top:30px}.process-list li:first-child{border-top:0}.process-list li{padding-block:23px}.process-list p{font-size:15px}.process-foot{font-size:16px;padding:20px;gap:14px}.case-content{padding:27px 23px}.case-tabs button:nth-last-child(-n+2){border-color:#ffffff66}.case-panel h3{font-size:31px}.integrations{padding-top:62px}.protection-items article,.protection-items article:first-child{padding:24px 21px}.pilot-steps{gap:16px}.pilot-steps li{padding:24px}.pilot-deliverables{padding:25px;gap:18px}.faq{padding-block:62px}.faq>.wrap{grid-template-columns:1fr;gap:30px}.faq-list{padding:3px 22px}.hero-veil{background:linear-gradient(180deg,#fffffff5 0%,#ffffffe8 44%,#ffffffb8 76%,#ffffffa6 100%)}}
@media(max-width:380px){.case-content{padding:25px 20px}.case-panel h3{font-size:28px}.process-foot{font-size:14px;gap:9px}.process-list{padding-inline:20px}.process .section-label>span,.pilot .section-label>span{font-size:9px}}

/* Versioned assets preserve the earlier identity for review. */
.hero{--hero-image:url("assets/wiyu-fondo-01.png")}
html[data-hero="2"] .hero{--hero-image:url("assets/wiyu-fondo-02.png")}
html[data-hero="3"] .hero{--hero-image:url("assets/wiyu-fondo-03.png")}
html[data-hero="4"] .hero{--hero-image:url("assets/wiyu-fondo-04.png")}