/* PDF font subsets contain empty glyphs. Use complete system fonts for readable text. */
*{box-sizing:border-box}body{margin:0;color:#080808;background:white;font-family:Arial,Helvetica,sans-serif;font-size:17px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #967600;outline-offset:4px}#prototype{background:#151515;color:white;display:flex;align-items:center;gap:20px;padding:10px 24px;font:13px Arial,sans-serif;flex-wrap:wrap}#prototype a{font-weight:bold}#prototype button{background:transparent;border:1px solid #777;border-radius:4px;color:white;padding:6px 10px;font-size:13px}#mode{color:#ffd000}header{padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff}header img{width:205px;height:auto}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}nav a:hover{text-decoration:underline}h1,h2,h3{font-weight:900;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(42px,6.4vw,96px);margin:0}h2{font-size:clamp(36px,4.2vw,62px)}h3{font-size:30px}p{line-height:1.6} .hero{text-align:center;padding:100px 20px 130px}.hero h1{max-width:1050px;margin:auto}.intro{background:#ffd000;padding:70px 8%;display:grid;grid-template-columns:1fr 1.8fr;gap:80px;align-items:center}.intro h2{font-size:34px;line-height:1.2;background:#050505;color:#ffd000;padding:34px;border-radius:18px;margin:0}.intro p{font-size:20px;margin:0}.case{background:#000;color:#fff}.case>a{display:block;text-decoration:none}.case .cover{position:relative;height:clamp(260px,38vw,600px);overflow:hidden;display:grid;place-items:center}.cover img,.cover video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.cover:after{content:'';position:absolute;inset:0;background:#0002;pointer-events:none}.cover h2{z-index:1;font-size:clamp(46px,5.4vw,84px);margin:0;text-shadow:0 2px 25px #0004}.cover img{transition:transform .55s}.case a:hover img{transform:scale(1.025)}.case p{max-width:1000px;padding:22px 28px;margin:0 auto;text-align:center;font-size:17px;color:#ddd}.case .hint{position:absolute;bottom:24px;right:28px;z-index:1;font-size:14px;border-bottom:1px solid white}.wrap{max-width:1280px;margin:auto;padding:75px 5%}.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.phase{border-radius:17px;background:#050505;color:white;padding:32px;text-decoration:none;position:relative}.phase b,.phase h3{color:#ffd000}.phase h3{margin:32px 0 14px}.phase p{font-size:16px}.phase .num{background:#ffd000;color:#000;display:inline-block;padding:10px;border-radius:8px}.phase:hover{box-shadow:0 0 0 3px #ffd000}.os{padding:65px 8%;background:#ffd000;display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.os h2{margin:0;font-size:clamp(50px,6vw,90px)}.os h3{font-size:27px;margin:12px 0}.os img{width:100%;mix-blend-mode:multiply}.os p{font-size:17px}.services{text-align:center;padding:90px 7%}.services h2{margin:12px 0}.brain{width:55px;height:60px;object-fit:contain}.serviceGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:48px 5%;margin-top:55px}.serviceGrid a{width:30%;min-width:240px;text-decoration:none;padding:15px 5px}.serviceGrid a:hover{background:#ffd000}.serviceGrid h3{margin:0 0 10px}.serviceGrid p{font-size:16px;margin:5px}footer{background:#ffd000;text-align:center;padding:80px 20px}footer h3{margin:0 0 20px}footer img{display:block;width:230px;margin:65px auto 0}.pageTitle{padding:65px 7%}.pageTitle .back{display:block;margin-bottom:35px;font-size:15px}.pageTitle p{max-width:850px;font-size:24px}.detailText{max-width:880px;margin:0 auto;padding:60px 6%;font-size:21px}.detailText p{white-space:pre-line}.linkButton{display:inline-block;background:#080808;color:white;border:0;padding:14px 22px;border-radius:5px;text-decoration:none}.lightButton{background:#ffd000;color:#050505}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar button,.smallBtn{border:1px solid #bbb;padding:9px 13px;background:#fff;border-radius:5px}.admin{font-family:Arial,sans-serif;background:#f3f3f3;min-height:90vh;display:grid;grid-template-columns:225px 1fr}.sidebar{background:#101010;color:#fff;padding:30px 20px}.sidebar h2{font:900 28px Arial,Helvetica;margin:0 0 30px}.sidebar a{display:block;text-decoration:none;padding:14px;border-radius:5px;margin:4px 0;font-size:16px}.sidebar a.active,.sidebar a:hover{color:#080808;background:#ffd000}.adminMain{padding:32px;min-width:0}.adminMain h1{font:700 30px Arial;letter-spacing:-1px}.adminTop{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap}.notice{background:#fff5c5;padding:15px 18px;border-left:4px solid #e8b900;font-size:14px;line-height:1.5;margin:20px 0}.panel{background:white;border:1px solid #ddd;padding:24px;border-radius:8px;margin:18px 0}.editGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.admin label{display:block;font-size:14px;font-weight:bold;margin:18px 0 8px}.admin input:not([type=checkbox]),.admin textarea,.admin select{width:100%;padding:11px;border:1px solid #bbb;border-radius:5px;background:white;font:16px Arial}.admin textarea{min-height:120px;line-height:1.5;resize:vertical}.admin input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.admin .thumb{width:100%;max-height:240px;object-fit:cover;border-radius:5px}.admin .row{display:flex;gap:18px;align-items:center;border-bottom:1px solid #ddd;padding:18px 0;flex-wrap:wrap}.row img{width:130px;height:65px;object-fit:cover}.row .grow{flex:1;min-width:140px}.row h3{font:700 19px Arial;letter-spacing:0;margin:0 0 5px}.row p{font-size:14px;margin:0;color:#555}.admin .button{border:0;border-radius:5px;padding:12px 16px;background:#111;color:white}.admin .button.primary{background:#ffd000;color:#000}.muted{color:#606060;font-size:14px;line-height:1.5}.fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{padding:35px;text-align:center;background:#f5f5f5}.previewCover{position:relative;background:#000;color:white;height:240px;display:grid;place-items:center;overflow:hidden}.previewCover img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.8}.previewCover h3{position:relative;font-family:Arial,Helvetica,sans-serif;font-size:35px;z-index:1}.danger{color:#a52515}dialog{border:0;padding:24px;background:#090909;color:white;width:min(1100px,95vw);max-height:95vh}dialog::backdrop{background:#000c}dialog button{background:white;color:black;border:0;padding:10px 20px;border-radius:4px;margin-bottom:20px}dialog video{width:100%;max-height:72vh}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:15px 24px;border-radius:8px;display:none;z-index:99;max-width:90vw;font:16px Arial}.mobileNav{display:none}@media(max-width:760px){header{padding:25px 6%;flex-wrap:wrap}header img{width:165px}nav{gap:16px}nav a{font-size:14px}.hero{padding:65px 6% 85px}.intro,.os{grid-template-columns:1fr;padding:40px 6%;gap:28px}.intro h2{font-size:29px}.intro p{font-size:17px}.os img{max-width:300px;margin:auto}.phases{grid-template-columns:1fr}.services{padding:55px 6%}.serviceGrid{gap:20px}.serviceGrid a{width:100%}.case p{font-size:15px}.admin{grid-template-columns:1fr}.sidebar{padding:20px;display:flex;gap:8px;flex-wrap:wrap}.sidebar h2{width:100%;margin:0 0 10px}.sidebar a{padding:8px;font-size:14px;margin:0}.adminMain{padding:20px}.editGrid,.fieldRow{grid-template-columns:1fr}.adminTop h1{font-size:26px}.pageTitle p{font-size:20px}.row img{width:85px}.detailText{padding:35px 6%;font-size:18px}#prototype{gap:10px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Navigation revision v2 */
#prototype{position:sticky;top:0;z-index:30}header{position:sticky;top:49px;z-index:20;border-bottom:1px solid #eee;padding-top:22px;padding-bottom:22px}nav a[aria-current=page]{font-weight:bold;text-decoration:underline;text-underline-offset:7px}.menuToggle{display:none}.breadcrumbs{font-size:14px;gap:10px;margin-bottom:25px}.breadcrumbs a{font-size:14px}.adjacent{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:35px 6%;border-top:1px solid #ddd}.adjacent a{text-decoration:none;min-height:55px}.adjacent a:hover{text-decoration:underline}.adjacent small,.adjacent strong{display:block}.adjacent small{font-size:14px;margin-bottom:10px}.adjacent strong{font-size:22px}.adjacent .allItems{text-align:center;display:grid;align-items:center}.nextItem{text-align:right}footer nav{justify-content:center;margin-top:35px;gap:24px}footer nav a{font-size:16px}.toTop{border:0;background:transparent;text-decoration:underline;font-size:16px}.adminTop{position:sticky;top:49px;background:#f3f3f3;padding:12px 0;z-index:10}.admin .back{display:inline-block;margin-bottom:20px}.admin .row button{min-height:44px}.isAdmin .sidebar{align-content:start}#returnEditor{background:#ffd000;color:#080808;padding:8px 12px;border-radius:4px}.pageTitle{scroll-margin-top:150px}button[hidden],a[hidden]{display:none!important}
@media(max-width:760px){header{top:0;position:relative}.menuToggle{display:block;background:#fff;border:1px solid #111;border-radius:4px;padding:10px 16px;min-height:44px}#mainNav{display:none;width:100%;flex-direction:column;gap:0}#mainNav.open{display:flex}#mainNav a{padding:14px 0;min-height:44px}.breadcrumbs{display:flex;flex-wrap:wrap}.adjacent{gap:15px;padding:25px 6%;grid-template-columns:1fr 1fr}.adjacent .allItems{grid-column:1/-1;grid-row:2}.adjacent .nextItem{grid-column:2;grid-row:1}.adjacent strong{font-size:20px}.adjacent a{min-height:50px}.adminTop{position:relative;top:0}footer nav{flex-wrap:wrap;gap:16px}#prototype{position:relative}.admin .sidebar a{min-height:44px;display:flex;align-items:center}}

/* v3 — approved copy, collage details and motion */
.introCard{position:relative;isolation:isolate}.introCard h2{padding:52px 34px 34px}.brandTab{position:absolute;right:24px;top:-24px;width:65px;height:77px;background:#ffd000;border-radius:7px;display:grid;place-items:center;z-index:1;box-shadow:-12px -6px 0 -3px #454033}.brandTab img{width:46px;height:53px;object-fit:contain}.methodIntro{max-width:920px;margin:0 0 55px}.methodIntro h2{margin:0 0 20px}.methodIntro>p{font-size:24px;line-height:1.5}.copyBlocks p{margin:0 0 1.15em;line-height:1.65}.copyBlocks p:last-child{margin-bottom:0}.copyBlocks ul{padding-left:22px;line-height:1.65;margin:0 0 1.15em}.phase .copyBlocks{font-size:16px;margin-top:24px}.phase .copyBlocks p{font-size:16px}.os img{mix-blend-mode:normal;max-width:520px;justify-self:center;background:none;border:0;border-radius:0;box-shadow:none}.os .copyBlocks{margin:25px 0}.detailText .copyBlocks{white-space:normal}.wordWindow{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.15}.heroWord{display:inline-block;will-change:transform}.hero h1{line-height:1.15}.cover img,.cover video{height:calc(100% + 64px);top:-32px;transform:translateY(var(--drift,0px));transition:transform .18s linear}.case a:hover img{transform:translateY(var(--drift,0px)) scale(1.025)}.serviceGrid a{transition:background .25s,transform .25s}.serviceGrid a:hover{transform:translateY(-6px)}header nav a{transition:opacity .2s}header nav a:hover{opacity:.6}
@media(max-width:760px){.methodIntro>p{font-size:20px}.methodIntro{margin-bottom:35px}.introCard{margin-top:22px}.brandTab{width:56px;height:64px;right:22px;top:-21px}.brandTab img{width:38px;height:46px}.os img{max-width:320px}.hero h1{font-size:42px}.wordWindow{max-width:100%}.cover img,.cover video{transform:none}.case a:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.heroWord{will-change:auto}.serviceGrid a:hover{transform:none}.cover img,.cover video{transform:none!important}}

/* Contacto: formulario de dos campos */
.contactForm{max-width:740px;margin:0 auto;text-align:left}.contactForm>p:first-child{text-align:center;line-height:1.5;margin-bottom:30px}.contactFields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contactFields label{display:block;font-weight:bold;margin-bottom:10px}.contactFields input{width:100%;min-width:0;border:2px solid #080808;border-radius:6px;padding:15px;background:#fff;color:#080808;min-height:52px}.contactFields input:focus-visible{outline:3px solid #080808;outline-offset:3px}.contactForm .linkButton{display:block;margin:26px auto 0;min-height:52px;cursor:pointer}.contactNotice,.contactStatus{text-align:center;font-size:14px;line-height:1.5}.contactStatus:not(:empty){background:#fff;border-left:4px solid #080808;padding:16px}.contactNotice{margin-top:18px}@media(max-width:760px){.contactFields{grid-template-columns:1fr}.contactForm .linkButton{width:100%}}

/* Estilos exclusivos de páginas internas; Inicio se conserva. */
.internalPage{max-width:1280px;margin:auto;padding:0 7% 70px}.internalLead{background:#ffd000;padding:45px;border-radius:12px;margin-bottom:65px;display:flex;align-items:center;gap:35px}.internalLead>div{flex:1;min-width:0}.internalLead h2{font-size:clamp(30px,4vw,55px);line-height:1.1;margin:18px 0 25px}.internalLead p{line-height:1.6}.internalEyebrow{text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:1.5px}.internalLead img{width:28%;height:auto}.internalLead .linkButton{margin-top:18px}.internalSection{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:32px 0;border-top:1px solid #ddd}.internalIndex{font-size:15px;font-weight:bold;padding-top:8px}.internalSection h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 18px}.internalSection p,.internalSection li{font-size:18px;line-height:1.65;max-width:850px}.internalSection li{margin-bottom:12px}.internalEnd{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:40px}@media(max-width:760px){.internalPage{padding:0 6% 45px}.internalLead{padding:25px;flex-direction:column;align-items:stretch;margin-bottom:35px}.internalLead img{width:60%;max-width:220px;align-self:center}.internalSection{grid-template-columns:28px 1fr;gap:12px}.internalSection p,.internalSection li{font-size:16px}}

/* Refinamiento vigente: botones de marca y lectura editorial en células. */
#app .brandButton{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;min-height:56px;max-width:100%;padding:9px 10px 9px 25px;line-height:1.3;text-align:left;transition:background-color .4s ease,box-shadow .4s ease;vertical-align:middle}
#app .brandButton .buttonLabel{min-width:0;overflow-wrap:anywhere}
#app .brandButton .buttonMark{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#ffd000;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#app .brandButton .buttonMark img{display:block;width:23px;height:27px;max-width:23px;max-height:27px;margin:0;object-fit:contain;transform:none;mix-blend-mode:normal}
#app .brandButton.lightButton .buttonMark{background:#fff}
#app .contactForm .brandButton{display:flex;width:fit-content;margin:26px auto 0}
@media(hover:hover) and (pointer:fine){#app .brandButton:hover{background-color:#292929;box-shadow:0 4px 12px #00000015}#app .brandButton:hover .buttonMark{transform:rotate(-7deg) scale(1.04)}#app .brandButton.lightButton:hover{background-color:#f4c700}}
#app .brandButton:focus-visible{outline:3px solid #967600;outline-offset:5px}
.cellInternal .internalSection{display:block;padding:44px 0;border-top:1px solid #d8d8d8}
.cellInternal .internalSection>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:45px;align-items:start}
.cellInternal .internalSection h2{font-size:clamp(25px,3vw,35px);margin:0;line-height:1.18;max-width:340px}
.cellInternal .internalSection:last-child{margin-top:20px;background:#f5f5f2;border:0;border-radius:12px;padding:35px}
.serviceGrid a{transition:background-color .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.serviceGrid a:hover{transform:translateY(-2px)}
.cover img,.cover video{transition:transform .55s ease-out}
.quietMotion #app .brandButton,.quietMotion #app .buttonMark{transition:none}
.quietMotion #app .brandButton:hover .buttonMark,.quietMotion .serviceGrid a:hover{transform:none}
@media(max-width:760px){.cellInternal .internalSection>div{grid-template-columns:1fr;gap:16px}.cellInternal .internalSection{padding:30px 0}.cellInternal .internalSection:last-child{padding:25px}.cellInternal .internalSection h2{max-width:none}#app .contactForm .brandButton{width:100%}}
@media(prefers-reduced-motion:reduce){#app .brandButton,#app .buttonMark{transition:none}#app .brandButton:hover .buttonMark{transform:none}}

/* Células: composición de bloques, sin filas ni numerales. */
.cellInternal .internalSections{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cellInternal .internalSection{border:0;border-radius:18px;background:#f3f3ef;padding:38px;min-height:265px;display:flex;align-items:stretch}
.cellInternal .internalSection>div{display:flex;flex-direction:column;justify-content:space-between;gap:30px;width:100%}
.cellInternal .internalSection h2{max-width:400px;font-size:clamp(27px,3vw,39px);line-height:1.1}
.cellInternal .internalSection p{font-size:17px;margin:0;line-height:1.65}
.cellInternal .internalSection:first-child{background:#101010;color:white}
.cellInternal .internalSection:first-child h2{color:#ffd000}
.cellInternal .internalSection:nth-child(4){background:#fff;border:1px solid #d5d5ce}
.cellInternal .internalSection:last-child{grid-column:1/-1;min-height:0;margin:0;padding:35px 38px;background:#ffd000}
.cellInternal .internalSection:last-child>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}
/* Botones secundarios ligeros, siempre con el isotipo oficial. */
#app .brandButton.buttonOutline{background:white;color:#101010;border:1px solid #c9c9c1;box-shadow:none}
#app .brandButton.buttonOutline .buttonMark{background:#f1f1ec}
#app .brandButton.buttonYellow{background:#ffd000;color:#101010}
#app .brandButton.buttonYellow .buttonMark{background:#fff}
#app .brandButton.buttonLight{background:white;color:#101010}
#app .adjacent .brandButton{font-size:15px;min-height:56px;text-decoration:none;align-self:center;margin:0;width:fit-content}
#app .adjacent .allItems{justify-self:center;display:inline-flex}
#app .adjacent .nextItem{justify-self:end;text-align:left}
@media(hover:hover){#app .brandButton.buttonOutline:hover{background:#f4f4ef;border-color:#111}#app .brandButton.buttonYellow:hover{background:#f3c600}#app .brandButton.buttonLight:hover{background:#f1f1eb}}
/* Inicio: presentación y beneficios del sistema, a partir de apartados 1 y 3. */
.osShowcase{padding:85px 7%;background:#fafaf7}
.osShowcaseTop{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center;max-width:1280px;margin:auto}
.osKicker{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:bold;margin:0 0 20px}
.osShowcaseTop h2{font-size:clamp(54px,7.5vw,108px);margin:0 0 22px;line-height:1}
.osShowcaseTop h3{font-size:clamp(25px,3vw,37px);max-width:530px;margin:0 0 30px;line-height:1.15}
.osArtwork{background:#ffd000;border-radius:24px;display:grid;place-items:center;padding:25px;min-height:300px}
.osArtwork img{width:100%;max-width:420px;height:auto;display:block}
.osDefinition{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;max-width:1280px;margin:65px auto;padding:45px 0;border-top:1px solid #d7d7ce}
.osDefinition h3{font-size:35px;margin:0}.osDefinition .copyBlocks{font-size:18px}
.osValue{max-width:1280px;margin:auto;background:#111;color:white;border-radius:24px;padding:48px}
.osValueHeading{max-width:780px;margin-bottom:40px}.osValueHeading .osKicker{color:#ffd000}.osValueHeading h3{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0}
.osBenefitGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px 45px;margin-bottom:38px}
.osBenefitGrid article{padding-top:25px;border-top:1px solid #ffffff30}.osBenefitGrid h4{color:#ffd000;font-size:23px;line-height:1.2;margin:0 0 16px;font-weight:900}.osBenefitGrid p{color:#e2e2dd;font-size:16px;margin:0;line-height:1.7}
@media(max-width:760px){.cellInternal .internalSections{grid-template-columns:1fr;gap:16px}.cellInternal .internalSection{min-height:0;padding:28px}.cellInternal .internalSection:last-child{padding:28px}.cellInternal .internalSection:last-child>div{grid-template-columns:1fr;gap:20px}.osShowcase{padding:55px 6%}.osShowcaseTop,.osDefinition{grid-template-columns:1fr;gap:25px}.osArtwork{min-height:0}.osArtwork img{max-width:300px}.osDefinition{margin:35px auto;padding:30px 0}.osValue{padding:28px 24px}.osBenefitGrid{grid-template-columns:1fr;gap:25px}.osShowcaseTop h2{font-size:54px}#app .adjacent{grid-template-columns:1fr;gap:15px}#app .adjacent .brandButton{width:100%;justify-self:stretch;grid-column:auto;grid-row:auto}#app .adjacent .allItems{order:3}#app .adjacent>span{display:none}}

/* OS: una sola composición con introducción y beneficios. */
.osUnified{background:#fafaf7;padding:70px 7%}
.osUnified .osValue{padding:48px;border-radius:24px}
.osUnifiedIntro{display:grid;grid-template-columns:1.5fr .65fr;gap:45px;align-items:center;margin-bottom:44px}
.osUnifiedIntro .osKicker{color:#ffd000;line-height:1.5;max-width:510px}
.osUnifiedIntro h2{font-size:clamp(48px,6.5vw,86px);line-height:1;margin:0 0 24px;color:white}
.osUnifiedIntro .osHook{font-size:clamp(19px,2vw,23px);line-height:1.55;color:#eee;margin:0;max-width:750px}
.osUnifiedArt{background:#ffd000;border-radius:18px;padding:10px;display:grid;place-items:center}
.osUnifiedArt img{display:block;width:100%;max-width:280px;height:auto}
.osUnified .osBenefitGrid{gap:18px;margin-bottom:32px}
.osUnified .osBenefitGrid article{background:#202020;border:1px solid #ffffff16;border-radius:14px;padding:28px}
.osUnified .osBenefitGrid h3{color:#ffd000;font-size:24px;line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}
.osUnifiedAction{display:flex;justify-content:flex-start}
@media(max-width:760px){.osUnified{padding:45px 6%}.osUnified .osValue{padding:28px 22px}.osUnifiedIntro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.osUnifiedArt{max-width:220px;justify-self:start}.osUnified .osBenefitGrid article{padding:23px}.osUnified .osBenefitGrid h3{font-size:23px}}

.cover .brandBackdrop{opacity:0;pointer-events:none;transition:opacity .4s ease,transform .55s ease-out}.cover .brandBackdrop.isPlaying{opacity:1}.cover .brandPoster{pointer-events:none}@media(prefers-reduced-motion:reduce){.cover .brandBackdrop{transition:none}}

body:not(.editorSession) #prototype{display:none}body:not(.editorSession) header{top:0}.editorSession #prototype{position:relative}.editorSession header{top:0}.contactStatus{min-height:1.5em}.liveLoading{padding:70px 7%;font:18px Arial}.liveError{color:#8b1414}

button:disabled{opacity:.55;cursor:wait}

/* Mobile reading and touch layouts, preserving approved copy and brand assets. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
header>a{flex-shrink:0}img{max-width:100%}
.hero h1,.pageTitle h1,.cover h2{overflow-wrap:break-word}
.intro>*,.osUnifiedIntro>*,.osBenefitGrid>*,.internalSections>*{min-width:0}
.intro p,.copyBlocks,p{word-break:normal;overflow-wrap:break-word}
@media(max-width:760px){
 header{position:sticky;top:0;padding:16px 6%;gap:14px;background:#fff}
 header img{display:block;width:clamp(120px,36vw,150px)}
 #mainNav.open{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 .hero{padding:56px 6% 64px}.hero h1{font-size:clamp(34px,9.8vw,48px);line-height:1.12;letter-spacing:-.04em}
 .wordWindow{overflow:visible;vertical-align:baseline}.heroWord{will-change:auto}
 .intro{padding:44px 6%;gap:30px}.introCard h2{padding:34px 24px 26px;font-size:28px;line-height:1.15}
 .intro p{font-size:18px;line-height:1.65;letter-spacing:0;text-align:left}
 .case .cover{height:clamp(220px,68vw,330px)}.cover h2{font-size:clamp(36px,10vw,52px);max-width:88%;text-align:center;line-height:1.1}
 .cover img,.cover video{height:100%;top:0;object-fit:cover}
 .case p{padding:22px 6%;font-size:16px;line-height:1.6;text-align:left}
 .wrap{padding:48px 6%}.methodIntro>p{font-size:18px;line-height:1.6}
 .phase{padding:28px 24px}.phase h3{font-size:28px;margin-top:24px}
 .pageTitle{padding:36px 6% 28px}.pageTitle h1{font-size:clamp(34px,10vw,48px);line-height:1.08}
 .pageTitle .back{margin-bottom:24px;min-height:44px;display:flex;align-items:center}
 .breadcrumbs{line-height:1.6;margin-bottom:18px}.breadcrumbs a{min-height:36px;display:inline-flex;align-items:center}
 .internalLead{padding:28px 22px;gap:24px}.internalLead h2{font-size:30px;line-height:1.15}
 .internalSection p,.internalSection li,.cellInternal .internalSection p{font-size:17px;line-height:1.65}
 .cellInternal .internalSection,.cellInternal .internalSection:last-child{padding:28px 22px}.cellInternal .internalSection h2{font-size:28px}
 .internalEnd{gap:14px}.internalEnd .brandButton{width:100%}
 .osUnified{padding:44px 5%}.osUnified .osValue{padding:28px 20px;border-radius:20px}
 .osUnifiedIntro h2{font-size:clamp(36px,10vw,48px);line-height:1.08}.osUnifiedIntro .osHook{font-size:18px;line-height:1.6}
 .osUnifiedArt{width:100%;max-width:240px;justify-self:center}
 .osUnified .osBenefitGrid article{padding:22px 18px}.osUnified .osBenefitGrid h3{font-size:22px}
 .osUnifiedAction .brandButton{width:100%}
 .serviceGrid{margin-top:32px}.serviceGrid a{min-width:0;padding:24px 12px;border-top:1px solid #e3e3dc}.serviceGrid h3{font-size:28px}
 footer{padding:48px 6% 38px}footer h3{font-size:30px;line-height:1.15}footer img{width:190px;margin-top:40px}
 footer nav{gap:8px 20px}footer nav a,footer .toTop{min-height:44px;display:inline-flex;align-items:center}
 .contactFields input{font-size:18px;padding:14px}.contactFields{gap:20px}.contactForm>p:first-child{text-align:left;font-size:17px}
 #app .brandButton{font-size:16px;gap:12px;padding-left:20px;min-height:54px}
 .adminMain{padding:18px 14px}.panel{padding:18px 14px}.admin .row{gap:12px}.toolbar{gap:10px}.admin .toolbar button{min-height:44px}
 .sidebar{padding:16px 14px}.admin .row .grow{min-width:120px}.admin input[type=file]{max-width:100%;font-size:14px!important}
 dialog{width:94vw;max-height:90dvh;padding:16px}dialog video{max-height:65dvh}dialog button{min-height:44px}
}
/* Mobile navigation uses the same Newrona button identity. */
@media(max-width:760px){header .menuToggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:48px;padding:6px 6px 6px 18px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;font:600 15px/1.2 Arial,Helvetica,sans-serif;transition:background .25s,color .25s}header .menuToggle .menuMark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#ffd000;transition:transform .35s}header .menuToggle .menuMark img{display:block;width:23px;height:23px;max-width:none;object-fit:contain}header .menuToggle[aria-expanded=true]{background:#ffd000;color:#111;border-color:#ffd000}header .menuToggle[aria-expanded=true] .menuMark{background:#fff;transform:rotate(-10deg)}header .menuToggle:focus-visible{outline:3px solid #ad8300;outline-offset:4px}}
@media(prefers-reduced-motion:reduce){header .menuToggle,header .menuToggle .menuMark{transition:none!important;transform:none!important}}
/* Mobile editorial refinement. Brand and cell layouts are deliberately outside these selectors. */
.homeRefined .introReading p{margin:0 0 1.2em}.homeRefined .introReading p:last-child{margin-bottom:0}
.refinedContact{display:grid;grid-template-columns:1fr 1fr;gap:28px 64px;text-align:left;padding:72px 7% 40px}
.refinedContact .contactHeading h3,.refinedContact .contactHeading h1{margin:0 0 22px;max-width:650px;font-size:clamp(34px,4.8vw,64px);text-wrap:balance}
.refinedContact .contactHeading>p{font-size:18px;max-width:420px;margin:0;line-height:1.6}
.refinedContact .contactForm{max-width:none;margin:0;width:100%;text-align:left;align-self:center}
.refinedContact .contactFields{grid-template-columns:1fr;gap:18px}.refinedContact .contactFields label{font-size:15px}.refinedContact .contactFields input{border-radius:0;border:0;border-bottom:1px solid #777;background:transparent;box-shadow:none;padding:14px 0;color:inherit}
.refinedContact .contactFields input:focus{outline:2px solid currentColor;outline-offset:4px}.refinedContact .contactFields input::placeholder{color:inherit;opacity:.6}
.refinedContact .contactForm .brandButton{margin-top:24px}.refinedContact .contactNav{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #8886;padding-top:24px;margin-top:24px;gap:12px 26px}.refinedContact .contactLogo{grid-column:1/-1;justify-self:start}.refinedContact .contactLogo>img{margin:0;width:165px}.refinedContact .breadcrumbs{margin:0 0 32px;justify-content:flex-start;font-size:14px;gap:10px}.refinedContact .breadcrumbs a{font-size:14px}
.osEditorial{max-width:1280px;margin:0 auto;padding:36px 6% 72px}.osEditorial .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;line-height:1.5}.osEditorialLabel{font-size:14px;line-height:1.5;font-weight:700;letter-spacing:.04em;margin:0 0 20px}.osEditorialLead{display:grid;grid-template-columns:1.6fr .7fr;gap:48px;align-items:center;padding:48px 0 64px}.osEditorialLead h1{font-size:clamp(36px,5vw,64px);text-wrap:balance;margin:0 0 24px;line-height:1.08}.osEditorialLead .copyBlocks{max-width:650px;font-size:18px;line-height:1.65}.osEditorialLead>img{width:100%;max-width:280px;justify-self:center;height:auto}.osEditorialLead .brandButton{margin-top:18px}
.osOverview{background:#111;color:#fff;border-radius:24px;padding:40px;margin-bottom:64px}.osOverview h2{font-size:34px;color:#ffd000;margin:0 0 24px}.osEditorial .copyBlocks p,.osEditorial .copyBlocks li{font-size:17px;line-height:1.65}.osOverview ul{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;list-style:none;padding:0;margin:24px 0 0}.osOverview li{padding:14px 0;border-top:1px solid #ffffff30}
.osWorkflow{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;margin-bottom:64px}.osGroupHeading h2{font-size:42px;margin:0}.osGroupHeading .osEditorialLabel{font-size:12px;letter-spacing:.08em;color:#666}.osStep{border-top:1px solid #d5d5d5;padding:24px 0}.osStep:first-child{border-top:3px solid #ffd000}.osStep h3{font-size:24px;line-height:1.25;margin:0 0 12px}.osStep p{margin:0}
.osOutcomeGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.osOutcome{min-width:0;background:#f5f5f3;padding:32px;border-radius:20px}.osOutcome h2{font-size:28px;margin:0 0 20px;line-height:1.15}.osOutcome ul{padding-left:20px}.osOutcome li+li{margin-top:12px}.osOutcomeFeatured{background:#ffd000}.osOutcome .copyBlocks p:last-child{margin-bottom:0}
.osFaq{margin-top:64px;max-width:920px}.osFaq>h2{font-size:36px;margin:0 0 28px}.osFaq details{border-top:1px solid #ccc;padding:0}.osFaq details:last-child{border-bottom:1px solid #ccc}.osFaq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:19px;font-weight:600;cursor:pointer;line-height:1.4}.osFaq summary::-webkit-details-marker{display:none}.osFaq .faqSymbol{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffd000;display:grid;place-items:center}.osFaq .faqSymbol:before{content:'+';font-size:22px;font-weight:400}.osFaq details[open] .faqSymbol:before{content:'−'}.osFaq details>.copyBlocks{padding:0 0 22px;max-width:760px}.osFaq details>.copyBlocks p{margin:0}.osFaq summary:focus-visible{outline:3px solid #a57a00;outline-offset:3px}
@media(max-width:760px){
 header.mobileRefined #mainNav{padding-top:12px;border-top:1px solid #eee;margin-top:6px;max-height:calc(100dvh - 108px);overscroll-behavior:contain}
 header.mobileRefined #mainNav.open{animation:newronaMenuOpen .2s ease-out}
 header.mobileRefined #mainNav a{font-size:20px;line-height:1.3;font-weight:500;padding:17px 10px;border-bottom:1px solid #eee;text-decoration:none;min-height:56px}
 header.mobileRefined #mainNav a[aria-current=page]{border-left:3px solid #ffd000;padding-left:14px;background:#fafaf7;font-weight:700}
 .homeRefined .hero{padding:56px 6% 64px}.homeRefined .hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.homeRefined .heroPhrase{display:block}.homeRefined .heroPhrase+.heroPhrase{margin-top:.32em}
 .homeRefined .intro{padding:40px 6% 48px;gap:28px}.homeRefined .introReading p{font-size:17px;line-height:1.7;margin:0 0 24px;text-align:left}.homeRefined .introReading .introOpening{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
 .homeRefined .methodSection{padding:56px 6%;background:#f6f6f3}.homeRefined .methodIntro h2{font-size:clamp(32px,9vw,40px);line-height:1.1;margin-bottom:20px;letter-spacing:-.04em}.homeRefined .methodIntro>p{font-size:17px;line-height:1.7}.homeRefined .phases{gap:20px;margin-top:32px}.homeRefined .phase{position:relative;overflow:hidden;border-radius:22px;background:#111;color:#f1f1ed;border:1px solid #111;padding:28px 26px 30px;box-shadow:0 8px 24px #00000008}.homeRefined .phase .num{display:flex;align-items:flex-end;gap:12px;background:transparent;color:#bdbdb8;padding:0;min-height:54px;font-size:13px;font-weight:500;letter-spacing:.04em}.homeRefined .phase .num strong{color:#ffd000;font-size:58px;font-weight:900;line-height:.9;letter-spacing:-.06em}.homeRefined .phase:after{content:'';position:absolute;top:28px;right:26px;width:38px;height:38px;border-radius:12px;background:#ffd000 url('/assets/icon.png') center/26px auto no-repeat}.homeRefined .phase h3{color:#ffd000;font-size:30px;line-height:1.1;margin:28px 0 18px;letter-spacing:-.03em}.homeRefined .phase>b{display:block;color:#fff;font-size:18px;line-height:1.4;font-weight:600;padding-bottom:22px;border-bottom:1px solid #ffffff30}.homeRefined .phase .copyBlocks{padding-top:4px}.homeRefined .phase p,.homeRefined .phase li{font-size:16px;line-height:1.7;color:inherit}.homeRefined .phase .copyBlocks p:last-child{margin-bottom:0}.homeRefined .phase:nth-child(2){background:#ffd000;border-color:#ffd000;color:#191919}.homeRefined .phase:nth-child(2) .num{color:#4f4400}.homeRefined .phase:nth-child(2) .num strong,.homeRefined .phase:nth-child(2) h3,.homeRefined .phase:nth-child(2)>b{color:#111}.homeRefined .phase:nth-child(2)>b{border-bottom-color:#1113}.homeRefined .phase:nth-child(2):after{background-color:#fff}.homeRefined .phase:last-child{border-bottom:1px solid #111}.homeRefined .phase:focus-visible{outline:3px solid #926d00;outline-offset:5px}
 .homeRefined .osUnified{padding:44px 6%;background:#f5f5f3}.homeRefined .osUnified .osValue{padding:26px 20px;border-radius:20px}.homeRefined .osUnifiedIntro h2{font-size:38px;line-height:1.08}.homeRefined .osUnifiedIntro .osHook{font-size:17px;line-height:1.65}.homeRefined .osUnifiedArt{width:145px;max-width:100%;padding:6px;justify-self:center}.homeRefined .osUnified .osBenefitGrid{gap:12px}.homeRefined .osUnified .osBenefitGrid article{padding:20px 16px}.homeRefined .osUnified .osBenefitGrid h3{font-size:21px;line-height:1.2}.homeRefined .osUnified .osBenefitGrid p{font-size:16px;line-height:1.6}
 .refinedContact{grid-template-columns:1fr;padding:48px 6% 32px;gap:28px}.refinedContact .contactHeading h3,.refinedContact .contactHeading h1{font-size:36px;line-height:1.12;margin-bottom:20px}.refinedContact .contactHeading>p{font-size:17px}.refinedContact .contactForm .brandButton{width:100%;justify-content:space-between}.refinedContact .contactNav{display:grid;grid-template-columns:1fr 1fr;margin-top:0;gap:4px 20px}.refinedContact .contactNav a,.refinedContact .toTop{font-size:15px;min-height:44px;justify-content:flex-start;text-align:left}.refinedContact .contactLogo>img{width:145px}.refinedContact.contactStandalone{padding-top:28px}
 .osEditorial{padding:24px 6% 48px}.osEditorialLead{grid-template-columns:1fr;gap:24px;padding:28px 0 40px}.osEditorialLead h1{font-size:36px;line-height:1.12}.osEditorialLead .copyBlocks p{font-size:17px;line-height:1.65}.osEditorialLead>img{max-width:180px}.osEditorialLead .brandButton{width:100%;font-size:15px!important}.osOverview{padding:26px 22px;border-radius:18px;margin-bottom:44px}.osOverview h2{font-size:28px;line-height:1.15}.osOverview ul{grid-template-columns:1fr;gap:0}.osEditorial .copyBlocks p,.osEditorial .copyBlocks li{font-size:17px}.osWorkflow{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.osGroupHeading h2{font-size:32px}.osStep{padding:24px 0}.osStep h3{font-size:23px}.osOutcomeGrid{grid-template-columns:1fr;gap:16px}.osOutcome{padding:26px 22px;border-radius:18px}.osOutcome h2{font-size:27px}.osFaq{margin-top:44px}.osFaq>h2{font-size:30px}.osFaq summary{font-size:18px;padding:22px 0}.osFaq details>.copyBlocks{padding-bottom:24px}
}
@keyframes newronaMenuOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){header.mobileRefined #mainNav.open{animation:none}}
/* Contact: dark brand canvas and a distinct, light form card. */
footer.refinedContact{background:#111;color:#fff;align-items:center;gap:32px 64px}
.refinedContact .contactHeading:before{content:'';display:block;width:48px;height:5px;background:#ffd000;border-radius:10px;margin-bottom:26px}
.refinedContact .contactHeading h3,.refinedContact .contactHeading h1{color:#fff}
.refinedContact .contactHeading>p{color:#d3d3ce}
.refinedContact .contactForm{background:#fff;color:#111;padding:32px;border:1px solid #fff;border-radius:24px;box-shadow:0 14px 36px #0002}
.refinedContact .contactFields label{color:#333;font-weight:600;margin-bottom:8px}
.refinedContact .contactFields input{border:1px solid #d5d5d5;border-radius:12px;background:#f6f6f4;color:#111;padding:15px 14px;min-height:52px;width:100%;font-size:17px}
.refinedContact .contactFields input:focus{outline:2px solid #a67c00;outline-offset:3px;border-color:#a67c00;background:#fff}
.refinedContact .contactFields input::placeholder{color:#686868;opacity:1}
#app .refinedContact .contactForm .brandButton{background:#ffd000;color:#111;border-color:#ffd000;width:100%;justify-content:space-between;margin-top:24px}
#app .refinedContact .contactForm .brandButton .buttonMark{background:#fff}
.refinedContact .contactStatus{color:#333;font-size:15px;line-height:1.5;margin-bottom:0}
.refinedContact .contactNav{border-color:#ffffff26}.refinedContact .contactNav a,.refinedContact .contactNav .toTop{color:#deded8;text-decoration:none}.refinedContact .contactNav a:hover,.refinedContact .contactNav .toTop:hover{color:#ffd000}
.refinedContact .contactLogo{background:#fff;border-radius:12px;padding:14px 18px;display:inline-flex;align-items:center;line-height:0}
.refinedContact .contactLogo>img{margin:0;display:block;width:145px;height:auto}
.refinedContact .breadcrumbs{color:#cfcfc9}
@media(max-width:760px){footer.refinedContact{gap:28px;padding:48px 6% 30px}.refinedContact .contactHeading:before{margin-bottom:22px}.refinedContact .contactForm{padding:24px 20px;border-radius:20px}.refinedContact .contactFields{gap:20px}.refinedContact .contactLogo{padding:12px 16px}.refinedContact .contactLogo>img{width:135px}.refinedContact.contactStandalone{padding-top:28px}}
/* Align OS breadcrumb text with the link's touch target. */
.osEditorial>.breadcrumbs{align-items:center;justify-content:flex-start;gap:8px;margin:0 0 8px;font-size:14px;line-height:1.4;color:#676767}
.osEditorial>.breadcrumbs>a,.osEditorial>.breadcrumbs>span{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;font:inherit;line-height:1.4}
.osEditorial>.breadcrumbs>a{flex-shrink:0;color:#555;text-decoration:none}
.osEditorial>.breadcrumbs>a:hover{text-decoration:underline;text-underline-offset:4px}
.osEditorial>.breadcrumbs>span[aria-hidden]{color:#a6a6a6}
.osEditorial>.breadcrumbs>span[aria-current]{color:#111;font-weight:500}
