/* CONTRASTELAB — WEB PAGE V105 | 13 October 2026
   Isolated from the home and other service pages. No frameworks.
   Functional illustrative demo, real portfolio links, two themes.
*/
.cl-web-page{
  --cw-bg:#0b0b11;--cw-bg2:#101019;--cw-panel:#171720;--cw-ink:#f8f6fc;--cw-sub:#aea9bc;
  --cw-muted:#827d91;--cw-line:rgba(255,255,255,.105);--cw-panel-line:rgba(255,255,255,.12);
  --cw-pink:#ff72d6;--cw-purple:#b18dff;--cw-blue:#83b4ff;
  --cw-gradient:linear-gradient(120deg,#fb79d5 2%,#b48afc 49%,#83b7ff 100%);
  background:var(--cw-bg);color:var(--cw-ink);overflow-x:clip;
}
html[data-theme="light"] .cl-web-page{
  --cw-bg:#f9f8fa;--cw-bg2:#f1eff6;--cw-panel:#fff;--cw-ink:#191622;--cw-sub:#645f70;
  --cw-muted:#767080;--cw-line:rgba(43,33,59,.12);--cw-panel-line:rgba(43,33,59,.10);
  --cw-pink:#c548a3;--cw-purple:#7957c2;--cw-blue:#3975ba;
}
.cl-web-page *, .cl-web-page *:before, .cl-web-page *:after{box-sizing:border-box}
.cl-web-page main{background:var(--cw-bg)}
.cl-web-page main section{position:relative}
.cl-web-page main h1,.cl-web-page main h2,.cl-web-page main h3,.cl-web-page main h4,.cl-web-page main p{margin:0}
.cl-web-page main a{text-decoration:none}
.cl-web-page main button{font-family:inherit}
.cl-web-page main .container{max-width:var(--cl101-container,1160px)!important}
.cl-web-page main :focus-visible{outline:2px solid #ca87ff;outline-offset:4px}
.cw5-page{scroll-behavior:smooth}
.cw5-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#dbbdfc;font-size:11px;letter-spacing:.115em;line-height:1.4;font-weight:800;text-transform:uppercase}
html[data-theme="light"] .cw5-eyebrow{color:#7d4c9f}
.cw5-spark{font-size:22px;line-height:1;background:var(--cw-gradient);color:transparent;-webkit-background-clip:text;background-clip:text}
.cw5-hero h1,.cw5-intro h2,.cw5-process-copy h2,.cw5-faq-intro h2,.cw5-last h2{
  font-family:var(--heading-font-family,"Beatrice Trial",sans-serif);color:var(--cw-ink);font-weight:500;
  letter-spacing:-.051em;line-height:1.065;text-wrap:balance;
}
.cw5-hero em,.cw5-intro em,.cw5-process-copy em,.cw5-faq-intro em,.cw5-last em{
  font-style:normal;background:var(--cw-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.cw5-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:6px 7px 6px 22px;border-radius:15px;font-size:13px;font-weight:800;line-height:1.25;white-space:nowrap;transition:transform .3s,box-shadow .3s,border-color .3s}
.cw5-button:hover{transform:translateY(-3px)}
.cw5-button-primary{color:#17101b!important;background:linear-gradient(115deg,#f8b3df 0%,#c2a6ff 53%,#9fc7ff 100%);box-shadow:0 12px 30px rgba(166,105,255,.23)}
.cw5-button-primary:hover{color:#17101b;box-shadow:0 16px 36px rgba(169,110,254,.32)}
.cw5-button-icon{display:grid;place-items:center;border-radius:10px;width:38px;height:38px;color:#fff;background:#181222;font-size:16px;line-height:1;font-weight:500;transition:transform .25s}
.cw5-button:hover .cw5-button-icon{transform:rotate(12deg)}
.cw5-button-secondary{padding:6px 20px;gap:19px;border:1px solid var(--cw-line);color:var(--cw-ink)!important;background:rgba(255,255,255,.035)}
html[data-theme="light"] .cw5-button-secondary{background:#fff}
.cw5-button-secondary:hover{border-color:rgba(170,123,235,.6)}
/* -------- HERO: recognisable screenshot, elevated layout -------- */
.cw5-hero{background:#090910;padding:108px 0 80px;min-height:690px;isolation:isolate;overflow:hidden}
html[data-theme="light"] .cw5-hero{background:linear-gradient(140deg,#fcfafc,#f5f0fa)}
.cw5-hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 44% 60% at 74% 42%,rgba(152,109,255,.19),transparent 78%),radial-gradient(ellipse 34% 50% at 8% 74%,rgba(247,91,193,.09),transparent 77%)}
.cw5-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,transparent 22%,black 96%);pointer-events:none;opacity:.7}
html[data-theme="light"] .cw5-hero:before{background-image:linear-gradient(rgba(34,20,51,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,20,51,.025) 1px,transparent 1px)}
.cw5-crumb{display:flex;align-items:center;gap:11px;margin-bottom:42px;font-size:12px;color:var(--cw-muted);position:relative;z-index:1}
.cw5-crumb a{color:var(--cw-muted)!important}.cw5-crumb a:hover{color:var(--cw-ink)!important}.cw5-crumb strong{font-weight:700;color:var(--cw-sub)}
.cw5-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:44px;min-height:490px}
.cw5-hero-content{position:relative;z-index:4;max-width:580px;padding-bottom:26px}
.cw5-hero h1{font-size:clamp(45px,4.6vw,64px);max-width:670px;margin:19px 0 22px}
.cw5-hero-lead{max-width:540px;color:var(--cw-sub);font-size:17px;line-height:1.67;letter-spacing:-.01em}
.cw5-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.cw5-hero-foot{display:flex;align-items:center;gap:10px;margin-top:41px;color:var(--cw-muted);font-size:12px}
.cw5-foot-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#a887fe;box-shadow:0 0 0 5px rgba(161,117,250,.12)}
.cw5-hero-art{position:relative;min-height:492px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.cw5-hero-art-halo{position:absolute;z-index:-1;inset:14% -10% 6%;background:radial-gradient(ellipse at center,rgba(133,98,250,.22),transparent 69%);filter:blur(18px)}
.cw5-device{position:relative;overflow:hidden;background:#121019;border:1px solid rgba(255,255,255,.17);border-radius:19px;box-shadow:0 42px 90px rgba(0,0,0,.50),0 0 0 7px rgba(255,255,255,.022)}
.cw5-device-main{width:calc(100% - 50px);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);margin-left:40px;transition:transform .65s cubic-bezier(.2,.75,.3,1)}
.cw5-hero-art:hover .cw5-device-main{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg) translateY(-5px)}
.cw5-device-bar{height:37px;display:flex;gap:10px;align-items:center;padding:0 13px;background:#17151e;border-bottom:1px solid rgba(255,255,255,.095)}
.cw5-device-dots{display:flex;gap:5px}.cw5-device-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#5c5668}.cw5-device-dots i:first-child{background:#f18dbc}.cw5-device-dots i:nth-child(2){background:#b29afb}.cw5-device-dots i:last-child{background:#8bb9f4}
.cw5-device-url{margin:auto;padding:3px 15px;background:#24212c;border:1px solid rgba(255,255,255,.06);border-radius:5px;color:#ada7b7;font-size:10px}.cw5-device-url span{margin-right:7px;color:#aaa1b5}
.cw5-device-bar-icon{color:#a49cac;font-size:14px}
.cw5-device-main>img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;background:#f7f4ef}
.cw5-mobile-mock{position:absolute;z-index:2;left:-21px;bottom:2px;width:168px;height:284px;background:#faf5ef;border:6px solid #22202b;border-radius:26px;box-shadow:0 25px 45px rgba(0,0,0,.42);overflow:hidden;transform:rotate(-7deg);pointer-events:none}
.cw5-phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);height:10px;width:50px;border-radius:6px;background:#22202b}
.cw5-mobile-mock>div{padding:32px 12px 10px;display:flex;flex-direction:column;gap:16px;color:#1a1a20}.cw5-mobile-mock>div>span:first-child{font-size:11px;font-weight:900;color:#f46b57;letter-spacing:.09em}.cw5-mobile-mock strong{font-size:22px;line-height:1.12;letter-spacing:-.04em}.cw5-mobile-mock strong i{color:#fc6a58;font-style:normal}.cw5-mobile-mock small{font-size:9px;line-height:1.6;color:#6f6667}.cw5-mini-pill{align-self:flex-start;background:#fa765e;color:#fff;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:800}
.cw5-hero-proof{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;right:-9px;bottom:13px;background:rgba(20,17,30,.96);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:12px 15px;color:#fff;box-shadow:0 24px 50px rgba(0,0,0,.28)}
.cw5-proof-mark{display:grid;place-items:center;background:var(--cw-gradient);border-radius:11px;height:36px;width:36px;font-size:20px;color:#fff}.cw5-hero-proof div{display:flex;flex-direction:column;gap:2px}.cw5-hero-proof div span{font-size:8px;letter-spacing:.12em;font-weight:800;color:#ad8df5}.cw5-hero-proof strong{font-size:13px;line-height:1.25}.cw5-hero-proof small{font-size:10px;color:#a7a0b0}.cw5-hero-proof-arrow{margin-left:13px;font-size:16px;color:#d1c2f1}
.cw5-hero-mascot{position:absolute;z-index:5;width:94px;height:auto;right:-8px;top:7px;filter:drop-shadow(0 15px 21px rgba(0,0,0,.42));animation:cw5-bob 6s ease-in-out infinite;pointer-events:none}
@keyframes cw5-bob{50%{transform:translateY(-12px) rotate(-2deg)}}
.cw5-scroll-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--cw-muted)!important;font-size:9px;letter-spacing:.15em;font-weight:700}
.cw5-scroll-note>span:last-child{font-size:19px;letter-spacing:0}
/* Simple foundation strip */
.cw5-benefit-strip{background:#13111b;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);padding:25px 0}
html[data-theme="light"] .cw5-benefit-strip{background:#fff;border-color:var(--cw-line)}
.cw5-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.cw5-benefit-grid>div{display:flex;align-items:center;gap:15px;min-width:0}.cw5-benefit-grid>div+div{border-left:1px solid var(--cw-line);padding-left:31px}
.cw5-benefit-icon{width:40px;height:40px;border-radius:13px;background:rgba(163,124,255,.11);color:#c9a7ff;display:grid;place-items:center;font-size:20px;flex:none}.cw5-benefit-grid p{display:flex;flex-direction:column;gap:2px;line-height:1.35}.cw5-benefit-grid strong{font-size:12px;color:var(--cw-ink)}.cw5-benefit-grid p>span{font-size:11px;color:var(--cw-muted)}
/* Shared headings and spaced sections */
.cw5-section{padding:100px 0;overflow:hidden}
.cw5-intro{margin-bottom:36px}.cw5-intro h2,.cw5-process-copy h2,.cw5-faq-intro h2{font-size:clamp(34px,3.55vw,47px);max-width:780px;margin-top:13px}
.cw5-intro p,.cw5-process-copy>p,.cw5-faq-intro>p{font-size:16px;line-height:1.72;color:var(--cw-sub);max-width:475px}
.cw5-intro-split{display:grid;grid-template-columns:1.18fr .72fr;align-items:end;gap:70px}
.cw5-intro-split>p{padding-bottom:4px}
.cw5-intro-centered{text-align:center;max-width:700px;margin:0 auto 45px;display:flex;align-items:center;flex-direction:column}.cw5-intro-centered h2{max-width:690px}.cw5-intro-centered p{max-width:560px;margin-top:16px}
.cw5-types{background:#0b0b11}.cw5-possibilities{background:#12101c}.cw5-work{background:#0b0b11}.cw5-process{background:#12101b}.cw5-faq{background:#0b0b11}
html[data-theme="light"] .cw5-types,html[data-theme="light"] .cw5-work,html[data-theme="light"] .cw5-faq{background:#f9f8fa}
html[data-theme="light"] .cw5-possibilities,html[data-theme="light"] .cw5-process{background:#f1eff6}
/* Four visually distinct type-cards */
.cw5-types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.cw5-type-card{position:relative;border:1px solid var(--cw-line);border-radius:24px;background:var(--cw-panel);min-width:0;overflow:hidden;box-shadow:0 18px 52px rgba(0,0,0,.055);transition:transform .3s,border-color .3s,box-shadow .3s}
.cw5-type-card:hover{transform:translateY(-5px);border-color:rgba(179,134,246,.48);box-shadow:0 22px 65px rgba(0,0,0,.15)}
.cw5-type-card:before{content:"";position:absolute;inset:-1px;opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 32%);transition:opacity .3s}.cw5-type-card:hover:before{opacity:1}
.cw5-type-top{position:absolute;z-index:2;left:24px;top:24px;right:24px;display:flex;justify-content:space-between;align-items:center}
.cw5-type-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(20,17,31,.65);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px)}.cw5-type-icon svg{width:22px;height:22px}
.cw5-type-index{font-size:11px;font-weight:800;letter-spacing:.05em;color:rgba(255,255,255,.66)}
.cw5-type-visual{height:238px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate}
.cw5-visual-business{background:radial-gradient(circle at 25% 80%,rgba(255,210,159,.23),transparent 46%),linear-gradient(135deg,#51405d,#211b32)}
.cw5-visual-booking{background:radial-gradient(circle at 80% 10%,rgba(166,160,255,.37),transparent 44%),linear-gradient(130deg,#27223d,#473262)}
.cw5-visual-landing{background:radial-gradient(circle at 20% 20%,rgba(254,173,199,.20),transparent 42%),linear-gradient(130deg,#402c49,#7a4a68)}
.cw5-visual-app{background:radial-gradient(circle at 78% 25%,rgba(118,192,255,.26),transparent 45%),linear-gradient(135deg,#192b4b,#3b3470)}
.cw5-visual-float{position:absolute;z-index:3;bottom:16px;right:17px;max-width:70%;background:rgba(19,17,27,.83);padding:7px 11px;border:1px solid rgba(255,255,255,.17);border-radius:9px;color:#fff;font-size:10px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.13)}
.cw5-visual-browser{height:179px;width:64%;max-width:330px;background:#fff8f3;border-radius:13px 13px 0 0;overflow:hidden;box-shadow:0 20px 50px rgba(13,12,23,.26);transform:translateY(26px) rotate(-6deg);transition:transform .4s}.cw5-type-card:hover .cw5-visual-browser{transform:translateY(20px) rotate(-3deg)}.cw5-visual-browser>span{display:block;height:20px;border-bottom:1px solid #eee1e6;background:linear-gradient(90deg,#f6bbd6 10%,#eee9ef 10%,#eee9ef 14%,#f4eee8 14%)}.cw5-visual-browser>div{padding:18px 22px;color:#241e27}.cw5-visual-browser i{display:block;width:38px;height:7px;border-radius:4px;background:#b9a3d4;margin-bottom:12px}.cw5-visual-browser strong{display:block;max-width:195px;font-size:21px;line-height:1.04;letter-spacing:-.05em}.cw5-visual-browser small{display:block;font-size:8px;color:#8b798a;margin-top:7px}.cw5-visual-browser b{display:inline-block;background:#35233d;color:#fff;padding:6px 11px;font-size:8px;border-radius:6px;margin-top:13px}
.cw5-calendar{width:210px;padding:17px 18px 20px;border-radius:16px;background:#fbf9ff;color:#221b2f;box-shadow:0 20px 55px rgba(15,9,34,.26);transform:rotate(5deg) translateY(17px);transition:transform .3s}.cw5-type-card:hover .cw5-calendar{transform:rotate(2deg) translateY(13px)}
.cw5-calendar>div:first-child{display:flex;justify-content:space-between;align-items:center}.cw5-calendar>div:first-child strong{font-size:13px}.cw5-calendar>div:first-child span{font-size:9px;color:#84788e}.cw5-cal-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 3px;margin-top:14px;text-align:center}.cw5-cal-days i{font-size:9px;font-style:normal;color:#b3aaba}.cw5-cal-days b{font-size:11px;font-weight:500;padding:7px 0;border-radius:7px}.cw5-cal-days .cw5-cal-active{background:#b08cf4;color:#fff;font-weight:800}.cw5-cal-confirm{display:flex;justify-content:space-around;gap:4px;font-size:9px;margin-top:14px;color:#666075}.cw5-cal-confirm span{color:#fff;background:#3a2b4b;padding:3px 5px;border-radius:4px}
.cw5-landing-paper{position:relative;z-index:2;display:flex;flex-direction:column;width:240px;height:173px;background:#fbf5f1;border-radius:13px 13px 0 0;box-shadow:0 22px 55px rgba(19,8,24,.25);padding:23px 23px;color:#31223c;transform:rotate(-4deg) translateY(18px);transition:transform .35s}.cw5-type-card:hover .cw5-landing-paper{transform:rotate(-1deg) translateY(14px)}.cw5-micro-label{font-size:7px;letter-spacing:.13em;font-weight:800;color:#ad6691}.cw5-landing-paper strong{font-size:22px;line-height:1.05;letter-spacing:-.04em;margin:10px 0}.cw5-landing-text{display:block;width:86%;height:5px;border-radius:5px;background:#ded2d9;margin-top:3px}.cw5-landing-text.short{width:56%}.cw5-landing-paper b{align-self:flex-start;background:#472d52;border-radius:8px;color:#fff;padding:6px 10px;font-size:8px;margin-top:12px}.cw5-landing-paper b i{font-style:normal;margin-left:8px}.cw5-orbit-ring{position:absolute;inset:26px 60px;border:1px dashed rgba(255,255,255,.22);border-radius:50%;transform:scale(1.6)}
.cw5-app-mini{display:grid;grid-template-columns:37px 1fr;height:175px;width:290px;border:5px solid rgba(255,255,255,.13);border-radius:15px;background:#f4f6ff;box-shadow:0 20px 55px rgba(13,9,34,.35);transform:rotate(4deg) translateY(17px);overflow:hidden;transition:transform .4s}.cw5-type-card:hover .cw5-app-mini{transform:rotate(1deg) translateY(13px)}.cw5-app-side{display:flex;align-items:center;flex-direction:column;gap:10px;padding-top:14px;background:#272843}.cw5-app-side i{width:13px;height:13px;border-radius:5px;background:#797ca9}.cw5-app-side i:first-child{background:#cba2ff}.cw5-app-main{padding:19px 19px}.cw5-app-main strong{font-size:12px;color:#222338}.cw5-app-main>div{display:flex;gap:8px;margin:14px 0}.cw5-app-main>div span{height:51px;border-radius:9px;flex:1;background:linear-gradient(135deg,#dbcafa,#b4c9f3)}.cw5-app-main>div span+span{background:linear-gradient(135deg,#f6cde4,#d7c7f5)}.cw5-app-main p{display:flex;flex-direction:column;gap:5px}.cw5-app-main p b{display:block;height:5px;width:100%;border-radius:8px;background:#dcdde9}.cw5-app-main p b:last-child{width:57%}
.cw5-type-copy{padding:25px 26px 24px}.cw5-type-copy h3{font-size:24px;line-height:1.18;color:var(--cw-ink);font-weight:700;letter-spacing:-.03em}.cw5-type-copy p{font-size:14px;line-height:1.65;color:var(--cw-sub);margin-top:9px;max-width:370px;min-height:47px}.cw5-type-examples{display:inline-block;margin-top:16px;font-size:10px;letter-spacing:.035em;color:var(--cw-muted);font-weight:700}
.cw5-types-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;padding:17px 25px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--cw-line)}.cw5-types-bottom strong{font-size:13px;color:var(--cw-ink)}.cw5-types-bottom p{font-size:12px;color:var(--cw-muted);margin-top:2px}.cw5-types-bottom a{display:inline-flex;gap:17px;align-items:center;color:var(--cw-ink)!important;font-size:12px;font-weight:800}.cw5-types-bottom a span{color:var(--cw-purple)}
/* Interactive demo with honest non-submitting mini UI */
.cw5-demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;background:#191622;border:1px solid rgba(255,255,255,.105);border-radius:27px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.15)}
html[data-theme="light"] .cw5-demo{background:#fff;border-color:var(--cw-line);box-shadow:0 15px 48px rgba(45,23,60,.08)}
.cw5-demo-sidebar{padding:36px 30px;border-right:1px solid rgba(255,255,255,.10)}html[data-theme="light"] .cw5-demo-sidebar{border-color:var(--cw-line)}
.cw5-demo-label{font-size:9px;letter-spacing:.11em;color:#caadf8;font-weight:800}.cw5-demo-label i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#76e6b7;box-shadow:0 0 0 4px rgba(118,230,183,.11)}
.cw5-demo-sidebar h3{font-size:28px;line-height:1.14;letter-spacing:-.04em;color:var(--cw-ink);max-width:350px;margin-top:18px;font-weight:650}
.cw5-demo-sidebar>p{font-size:13px;line-height:1.66;color:var(--cw-sub);margin:14px 0 22px;max-width:315px}
.cw5-demo-tabs{display:flex;flex-direction:column;gap:9px}
.cw5-demo-tab{width:100%;display:flex;align-items:center;gap:13px;padding:14px 13px;border:1px solid var(--cw-line);border-radius:14px;background:rgba(255,255,255,.025);text-align:left;cursor:pointer;color:var(--cw-ink);transition:background .25s,border-color .25s,transform .25s}
.cw5-demo-tab:hover{transform:translateX(3px);border-color:rgba(172,129,247,.4)}.cw5-demo-tab.is-active{border-color:rgba(184,143,250,.56);background:linear-gradient(100deg,rgba(197,138,243,.15),rgba(101,123,241,.08))}
.cw5-demo-tab-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex:none;color:#e4cafb;background:rgba(183,143,250,.13);font-size:19px}.cw5-demo-tab.is-active .cw5-demo-tab-symbol{color:#18131d;background:linear-gradient(140deg,#f4b8e0,#9fb7ff)}
.cw5-demo-tab>span:nth-child(2){flex:1;min-width:0}.cw5-demo-tab strong,.cw5-demo-tab small{display:block}.cw5-demo-tab strong{font-size:13px;font-weight:750;line-height:1.27}.cw5-demo-tab small{font-size:11px;color:var(--cw-muted);margin-top:4px}.cw5-demo-tab-chevron{color:#aa9ebd;font-size:13px}
.cw5-demo-stage{min-width:0;position:relative;display:flex;flex-direction:column;padding:0 0 24px;background:radial-gradient(ellipse at 76% 18%,rgba(159,110,237,.23),transparent 66%),#100e18;color:#f7f4fc}
.cw5-demo-stage:after{content:"";position:absolute;z-index:0;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.cw5-demo-stage-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;height:43px;border-bottom:1px solid rgba(255,255,255,.10);padding:0 17px}.cw5-demo-stage-top>div{display:flex;gap:5px}.cw5-demo-stage-top i{width:6px;height:6px;background:#6b607c;border-radius:50%}.cw5-demo-stage-top i:first-child{background:#e982b7}.cw5-demo-stage-top i:nth-child(2){background:#b193fb}.cw5-demo-stage-top i:nth-child(3){background:#83b8ed}.cw5-demo-stage-top>span:nth-child(2){font-size:10px;color:#bbb2c9}.cw5-demo-stage-mode{font-size:8px;color:#a8a0b4;letter-spacing:.09em;font-weight:700}
.cw5-example{position:relative;z-index:1;flex:1;min-height:424px;display:flex;align-items:center;justify-content:center;padding:25px 30px 35px}.cw5-example[hidden]{display:none!important}
.cw5-example-form,.cw5-example-booking,.cw5-example-automation{position:relative;z-index:1;background:#fefbff;color:#24202c;border-radius:17px;padding:26px 26px 28px;width:min(100%,385px);min-height:349px;box-shadow:0 25px 70px rgba(3,1,11,.30);transform:rotate(-1deg)}
.cw5-form-eyebrow{font-size:9px;color:#9576c0;font-weight:900;letter-spacing:.12em}
.cw5-example h4{font-size:25px;letter-spacing:-.04em;line-height:1.13;margin:10px 0 8px!important;color:#27202e;font-weight:750}.cw5-example p{font-size:11px;line-height:1.55;color:#857c8e;margin:0 0 18px!important;max-width:275px}
.cw5-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cw5-form-columns div,.cw5-form-message{background:#f5f1f8;border:1px solid #e8e0ef;border-radius:9px;padding:10px 11px;min-width:0}.cw5-form-columns span,.cw5-form-message span{display:block;font-size:9px;color:#756b7e}.cw5-form-columns b,.cw5-form-message b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3c3347;font-weight:700;margin-top:6px}.cw5-form-message{margin-top:9px;min-height:63px}.cw5-form-message b{color:#9b92a3}.cw5-form-send{display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(105deg,#a96cce,#7177db);border-radius:9px;margin-top:12px;padding:11px 13px;font-size:11px;font-weight:800;pointer-events:none}
.cw5-example-toast{position:absolute;z-index:2;right:12px;bottom:28px;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:12px;background:rgba(26,23,38,.97);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 36px rgba(0,0,0,.35);transform:rotate(3deg)}.cw5-example-toast>span{width:26px;height:26px;display:grid;place-items:center;background:rgba(97,219,162,.14);color:#80f6c6;border-radius:50%;font-size:14px}.cw5-example-toast strong{display:block;font-size:11px;color:#fff}.cw5-example-toast small{display:block;font-size:9px;color:#a9a2b6;margin-top:2px}
.cw5-book-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#3d3150;margin-top:15px}.cw5-book-head span{font-size:23px;color:#826e99}.cw5-book-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px;text-align:center}.cw5-book-days span{font-size:10px;color:#a096ae;padding:7px 0}.cw5-book-days strong{padding:7px 0;background:#b18aec;color:#fff;border-radius:7px}.cw5-book-days span:nth-child(n+6){color:#4a3f57}.cw5-book-hours{display:flex;gap:8px;margin-top:13px}.cw5-book-hours span,.cw5-book-hours strong{flex:1;border-radius:7px;border:1px solid #ded3e8;text-align:center;padding:8px 3px;color:#6e597d;font-size:10px}.cw5-book-hours strong{background:#382849;color:#fff}
.cw5-example-automation{min-height:366px}.cw5-flow-pills{display:flex;flex-direction:column;align-items:center;gap:3px}.cw5-flow-pills>div{width:100%;display:grid;grid-template-columns:26px 1fr;column-gap:11px;border:1px solid #e8def1;border-radius:11px;padding:9px 12px}.cw5-flow-pills>div>span{grid-row:span 2;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ece3fa;color:#8e65be;font-weight:900;font-size:9px}.cw5-flow-pills strong{font-size:11px;line-height:1.25}.cw5-flow-pills small{font-size:9px;color:#988d9e}.cw5-flow-pills>i{font-size:11px;color:#976aca;font-style:normal}
.cw5-capabilities-list{display:flex;gap:24px;align-items:center;margin-top:23px}.cw5-capabilities-list>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--cw-muted);white-space:nowrap}.cw5-capabilities-list>div{display:flex;gap:8px;flex-wrap:wrap}.cw5-capabilities-list>div>span{font-size:11px;font-weight:750;color:var(--cw-sub);border:1px solid var(--cw-line);border-radius:99px;padding:8px 13px;background:rgba(255,255,255,.03)}
/* Real work */
.cw5-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:stretch}.cw5-project{min-width:0;background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:22px;overflow:hidden;transition:transform .3s,border-color .3s}.cw5-project:hover{transform:translateY(-4px);border-color:rgba(192,135,243,.42)}.cw5-project-main{grid-row:span 2}.cw5-project-cover{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;height:206px;isolation:isolate}.cw5-project-main .cw5-project-cover{height:486px}.cw5-project-cover-hogareza{background:#f3e8e2;align-items:flex-start;padding:30px 22px 0}
.cw5-project-cover-hogareza:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 95%,#ffc9dc,transparent 58%)}.cw5-project-cover-hogareza>img{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:cover;object-position:top;border-radius:10px 10px 0 0;box-shadow:0 18px 45px rgba(80,41,70,.16);transition:transform .45s}.cw5-project-cover:hover>img{transform:translateY(-5px)}.cw5-project-browser-bar{position:absolute;z-index:3;top:30px;left:22px;right:22px;transform:translateY(-1px);border-radius:10px 10px 0 0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#fff;border-bottom:1px solid #f0e6e8;box-shadow:0 6px 20px rgba(0,0,0,.04)}.cw5-project-browser-bar span{display:flex;gap:4px}.cw5-project-browser-bar i{width:5px;height:5px;border-radius:50%;background:#ef7a9d}.cw5-project-browser-bar i:nth-child(2){background:#b28afd}.cw5-project-browser-bar i:nth-child(3){background:#84b0f4}.cw5-project-browser-bar b{font-size:9px;font-weight:700;color:#86717d}.cw5-project-browser-bar em{font-size:11px;color:#685c63;font-style:normal}
.cw5-project-cover-hogareza>img{margin-top:27px}.cw5-project-visit{position:absolute;z-index:4;bottom:15px;right:17px;background:rgba(15,14,22,.86);border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:9px 14px;color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s}.cw5-project-cover:hover .cw5-project-visit,.cw5-project-cover:focus-visible .cw5-project-visit{opacity:1;transform:none}
.cw5-project-cover-viv{background:radial-gradient(ellipse at 75% 15%,rgba(255,219,162,.31),transparent 45%),linear-gradient(120deg,#332e29,#1b191b)}.cw5-project-cover-kova{background:radial-gradient(ellipse at 45% 30%,rgba(122,115,240,.29),transparent 54%),linear-gradient(120deg,#171827,#0c111b)}
.cw5-project-brand-shape{position:absolute;top:25px;right:-8px;width:220px;height:220px;border:1px solid rgba(252,224,169,.2);border-radius:50%;box-shadow:0 0 0 22px rgba(252,224,169,.035),0 0 0 50px rgba(252,224,169,.025)}.cw5-kova-orbit{position:absolute;left:18%;top:9%;width:280px;height:280px;border:1px solid rgba(122,164,255,.17);border-radius:45%;transform:rotate(33deg);box-shadow:0 0 0 22px rgba(122,164,255,.025),0 0 0 60px rgba(122,164,255,.017)}
.cw5-project .cw5-project-logo{position:relative;z-index:1;width:min(53%,215px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.16));transition:transform .35s}.cw5-project-cover:hover .cw5-project-logo{transform:scale(1.04)}
.cw5-project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px}.cw5-project-info>div{max-width:450px}.cw5-project-tag{display:block;font-size:10px;letter-spacing:.1em;color:var(--cw-purple);font-weight:850}.cw5-project-info h3{font-size:23px;letter-spacing:-.027em;font-weight:700;line-height:1.18;color:var(--cw-ink);margin-top:9px}.cw5-project-info p{font-size:13px;line-height:1.59;color:var(--cw-sub);margin-top:6px;max-width:400px}.cw5-project-info>a{display:grid;place-items:center;flex:none;height:39px;width:39px;border:1px solid var(--cw-line);border-radius:12px;color:var(--cw-ink)!important;font-size:18px;transition:background .3s,transform .3s}.cw5-project-info>a:hover{background:rgba(161,114,244,.16);transform:rotate(10deg)}
.cw5-work-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--cw-line);margin-top:28px;padding-top:24px}.cw5-work-bottom>span{font-size:14px;color:var(--cw-sub)}.cw5-work-bottom>a{display:inline-flex;gap:17px;align-items:center;color:var(--cw-ink)!important;font-size:13px;font-weight:850}.cw5-work-bottom>a span{color:var(--cw-purple)}
/* Clear process */
.cw5-process-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:start}.cw5-process-copy{position:sticky;top:130px}.cw5-process-copy>p{max-width:440px;margin-top:21px}
.cw5-process-note{display:flex;align-items:center;gap:14px;margin-top:35px;padding:10px 18px 10px 7px;border:1px solid var(--cw-line);border-radius:14px;max-width:320px;background:rgba(255,255,255,.025)}.cw5-process-note img{width:62px;height:67px;object-fit:contain;flex:none}.cw5-process-note>span{display:flex;flex-direction:column;gap:4px}.cw5-process-note strong{font-size:13px;color:var(--cw-ink)}.cw5-process-note small{font-size:11px;color:var(--cw-sub)}
.cw5-process-steps{counter-reset:none;list-style:none;padding:0;margin:0}.cw5-process-steps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;position:relative;padding:22px 0 29px;border-bottom:1px solid var(--cw-line)}.cw5-process-steps li:first-child{padding-top:0}.cw5-process-steps li:last-child{border-bottom:0;padding-bottom:0}.cw5-process-steps li:after{content:"";position:absolute;left:23px;top:78px;bottom:-3px;width:1px;background:linear-gradient(to bottom,rgba(182,141,255,.55),transparent);pointer-events:none}.cw5-process-steps li:last-child:after{display:none}.cw5-step-count{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(184,146,246,.31);border-radius:14px;background:rgba(178,140,242,.12);color:#d2b4fe;font-size:13px;font-weight:800}.cw5-process-steps h3{font-size:21px;letter-spacing:-.025em;font-weight:750;color:var(--cw-ink);margin:5px 0 7px}.cw5-process-steps p{font-size:13px;line-height:1.64;color:var(--cw-sub);max-width:400px}
html[data-theme="light"] .cw5-step-count{color:#8455b3}
/* FAQ */
.cw5-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:start}.cw5-faq-intro h2{max-width:420px}.cw5-faq-intro>p{margin-top:20px;max-width:345px}.cw5-faq-intro>img{display:block;width:min(210px,60%);height:auto;margin-top:22px;filter:drop-shadow(0 15px 38px rgba(90,30,178,.16))}
.cw5-faq-items{border-top:1px solid var(--cw-line)}.cw5-faq-items details{border-bottom:1px solid var(--cw-line)}.cw5-faq-items summary{list-style:none;position:relative;padding:23px 49px 23px 0;font-size:15px;line-height:1.45;font-weight:750;color:var(--cw-ink);cursor:pointer}.cw5-faq-items summary::-webkit-details-marker{display:none}.cw5-faq-items summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--cw-line);border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:500;color:var(--cw-purple)}.cw5-faq-items details[open] summary:after{content:"−";background:rgba(150,104,232,.10)}.cw5-faq-items details>p{max-width:560px;font-size:13px;line-height:1.73;color:var(--cw-sub);padding:0 44px 23px 0}
/* Last CTA */
.cw5-last{padding:35px 0 75px;background:#0b0b11}html[data-theme="light"] .cw5-last{background:#f9f8fa}
.cw5-last-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:30px;padding:55px 58px;border:1px solid var(--cw-line);border-radius:28px;background:linear-gradient(125deg,#191320,#161525 65%,#181529)}
html[data-theme="light"] .cw5-last-card{background:linear-gradient(125deg,#fff,#f0eaf7)}
.cw5-last-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 50%,rgba(174,109,248,.22),transparent 55%),radial-gradient(ellipse at 0% 90%,rgba(253,104,184,.085),transparent 47%)}
.cw5-last h2{max-width:630px;font-size:clamp(36px,3.7vw,49px);margin-top:16px}.cw5-last p{max-width:590px;font-size:15px;line-height:1.7;color:var(--cw-sub);margin-top:15px}.cw5-last-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:28px}.cw5-last-mail{display:inline-flex;gap:10px;font-size:12px;font-weight:750;color:var(--cw-ink)!important;border-bottom:1px solid var(--cw-line);padding-bottom:5px}.cw5-last-figure{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px}.cw5-last-figure img{width:185px;height:auto;object-fit:contain;filter:drop-shadow(0 27px 45px rgba(0,0,0,.38));animation:cw5-bob 6s ease-in-out infinite}.cw5-last-orbit{position:absolute;width:220px;height:190px;border:1px dashed rgba(185,142,245,.26);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 22px rgba(180,124,245,.028),0 0 0 45px rgba(180,124,245,.017)}
/* opt-in scroll transitions; content stays visible with JS disabled */
.cw5-ready .cw5-reveal{transition:opacity .6s ease,transform .7s cubic-bezier(.18,.75,.2,1);opacity:0;transform:translateY(18px)}
.cw5-ready .cw5-reveal.cw5-visible{opacity:1;transform:none}
@media (max-width:1199px){
  .cw5-hero{padding:98px 0 66px;min-height:620px}.cw5-hero h1{font-size:clamp(43px,4.8vw,57px)}.cw5-hero-grid{gap:28px}.cw5-mobile-mock{left:-12px;width:142px;height:248px}.cw5-mobile-mock strong{font-size:19px}.cw5-hero-art{min-height:430px}.cw5-hero-proof{right:-5px}.cw5-hero-mascot{width:76px}
  .cw5-process-grid{gap:48px}.cw5-faq-grid{gap:45px}.cw5-section{padding:85px 0}
}
@media (max-width:991px){
  .cw5-hero{padding:95px 0 78px}.cw5-crumb{margin-bottom:20px}.cw5-hero-grid{grid-template-columns:1fr;gap:10px}.cw5-hero-content{max-width:700px}.cw5-hero h1{font-size:clamp(43px,7vw,61px)}.cw5-hero-art{max-width:690px;margin:0 auto;min-height:495px;width:100%}.cw5-device-main{width:82%;margin-left:40px}.cw5-mobile-mock{left:4%;bottom:16px}.cw5-hero-proof{right:4%;bottom:23px}.cw5-hero-mascot{right:3%;top:12px}.cw5-scroll-note{display:none}
  .cw5-intro-split{grid-template-columns:1fr;gap:16px}.cw5-intro-split>p{max-width:700px}
  .cw5-demo{grid-template-columns:1fr}.cw5-demo-sidebar{border-right:none;border-bottom:1px solid var(--cw-line)}.cw5-demo-sidebar h3{max-width:none}.cw5-demo-sidebar>p{max-width:630px}.cw5-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cw5-demo-tab{padding:10px;align-items:flex-start}.cw5-demo-tab-symbol{width:29px;height:29px}.cw5-demo-tab-chevron{display:none}.cw5-demo-tab strong{font-size:11px}.cw5-demo-tab small{font-size:10px}.cw5-demo-stage{min-height:460px}
  .cw5-process-grid,.cw5-faq-grid{grid-template-columns:1fr;gap:36px}.cw5-process-copy{position:static}.cw5-process-note{margin-top:20px}.cw5-faq-intro>img{width:140px}
  .cw5-faq-intro h2{max-width:640px}.cw5-faq-intro>p{max-width:550px}.cw5-last-card{padding:40px;grid-template-columns:minmax(0,1fr) 150px}.cw5-last-figure img{width:145px}.cw5-last-orbit{width:165px;height:150px}
}
@media (max-width:767px){
  .cl-web-page main .container{padding-inline:20px!important}
  .cw5-hero{padding:87px 0 39px}.cw5-crumb{font-size:11px;margin-bottom:30px}.cw5-eyebrow{font-size:10px;letter-spacing:.09em}
  .cw5-hero h1{font-size:clamp(39px,8.9vw,53px);letter-spacing:-.052em;max-width:580px;margin:16px 0 16px}.cw5-hero-lead{font-size:15px;line-height:1.68}.cw5-hero-actions{flex-direction:column;gap:10px;margin-top:24px;align-items:stretch}.cw5-hero-actions .cw5-button{width:100%;justify-content:space-between}.cw5-hero-foot{font-size:11px;margin-top:24px}.cw5-hero-art{min-height:305px;margin-top:17px}.cw5-device-main{width:86%;margin-left:10%;transform:none;border-radius:12px}.cw5-hero-art:hover .cw5-device-main{transform:translateY(-3px)}.cw5-device-bar{height:27px}.cw5-device-main>img{aspect-ratio:1.65}.cw5-mobile-mock{width:102px;height:184px;border-width:4px;border-radius:17px;left:1%;bottom:2px;transform:rotate(-7deg)}.cw5-phone-notch{width:35px;height:6px;top:4px}.cw5-mobile-mock>div{padding:20px 7px 9px;gap:8px}.cw5-mobile-mock>div>span:first-child{font-size:7px}.cw5-mobile-mock strong{font-size:13px}.cw5-mobile-mock small{font-size:7px}.cw5-mini-pill{font-size:6px;padding:5px 7px}.cw5-hero-proof{right:0;bottom:4px;padding:8px 10px;gap:7px;border-radius:11px}.cw5-proof-mark{width:28px;height:28px;font-size:15px;border-radius:8px}.cw5-hero-proof div span{font-size:7px}.cw5-hero-proof strong{font-size:10px}.cw5-hero-proof small{font-size:8px}.cw5-hero-proof-arrow{margin-left:2px;font-size:12px}.cw5-hero-mascot{width:55px;top:0;right:0}
  .cw5-benefit-strip{padding:20px 0}.cw5-benefit-grid{display:grid;grid-template-columns:1fr;gap:14px}.cw5-benefit-grid>div+div{padding:14px 0 0;border-left:0;border-top:1px solid var(--cw-line)}.cw5-benefit-icon{height:35px;width:35px;font-size:17px}.cw5-benefit-grid strong{font-size:12px}.cw5-benefit-grid p>span{font-size:11px}
  .cw5-section{padding:65px 0}.cw5-intro{margin-bottom:29px}.cw5-intro h2,.cw5-process-copy h2,.cw5-faq-intro h2{font-size:clamp(33px,8.2vw,41px)}.cw5-intro p,.cw5-process-copy>p,.cw5-faq-intro>p{font-size:14px;line-height:1.68}.cw5-intro-centered{margin-bottom:30px}
  .cw5-types-grid{grid-template-columns:1fr;gap:13px}.cw5-type-visual{height:205px}.cw5-type-top{top:17px;left:18px;right:18px}.cw5-type-icon{width:39px;height:39px}.cw5-type-copy{padding:19px 20px 21px}.cw5-type-copy h3{font-size:22px}.cw5-type-copy p{font-size:14px;min-height:0}.cw5-visual-browser{transform:translateY(24px) rotate(-5deg)}.cw5-types-bottom{align-items:flex-start;flex-direction:column;padding:17px 19px}
  .cw5-demo{border-radius:20px}.cw5-demo-sidebar{padding:25px 20px}.cw5-demo-sidebar h3{font-size:23px}.cw5-demo-tabs{grid-template-columns:1fr;gap:7px}.cw5-demo-tab{align-items:center;padding:10px 11px}.cw5-demo-tab strong{font-size:12px}.cw5-demo-tab small{font-size:10px}.cw5-demo-tab-chevron{display:block}.cw5-demo-stage-top{padding:0 11px}.cw5-demo-stage-mode{font-size:7px}.cw5-example{min-height:387px;padding:20px 20px 36px}.cw5-example-form,.cw5-example-booking,.cw5-example-automation{padding:21px 20px;min-height:319px;transform:rotate(-.6deg)}.cw5-example h4{font-size:22px}.cw5-example-toast{bottom:8px;right:7px;padding:8px 10px}.cw5-example-toast strong{font-size:10px}.cw5-example-toast small{font-size:8px}.cw5-capabilities-list{flex-direction:column;align-items:flex-start;gap:13px}
  .cw5-work-grid{grid-template-columns:1fr;gap:14px}.cw5-project-main{grid-row:auto}.cw5-project-main .cw5-project-cover{height:315px}.cw5-project-cover{height:220px}.cw5-project-info{padding:18px 19px}.cw5-project-info h3{font-size:22px}.cw5-project-info p{font-size:13px}.cw5-project-browser-bar{top:17px;left:15px;right:15px}.cw5-project-cover-hogareza{padding:17px 15px 0}.cw5-work-bottom{align-items:flex-start;flex-direction:column;gap:12px}.cw5-work-bottom>span{font-size:13px}
  .cw5-process-grid,.cw5-faq-grid{gap:30px}.cw5-process-steps li{padding:20px 0;grid-template-columns:45px 1fr;gap:10px}.cw5-process-steps li:after{left:20px;top:67px}.cw5-step-count{width:40px;height:40px;font-size:12px}.cw5-process-steps h3{font-size:18px}.cw5-process-steps p{font-size:13px}.cw5-faq-intro>img{width:120px}.cw5-faq-items summary{font-size:14px;padding:20px 42px 20px 0}.cw5-faq-items details>p{font-size:13px;padding-right:20px}
  .cw5-last{padding:10px 0 55px}.cw5-last-card{display:flex;flex-direction:column;align-items:stretch;padding:32px 24px 12px;gap:0;border-radius:21px}.cw5-last h2{font-size:clamp(32px,8vw,40px)}.cw5-last p{font-size:14px}.cw5-last-actions{align-items:stretch;gap:15px;flex-direction:column}.cw5-last-actions .cw5-button{justify-content:space-between}.cw5-last-mail{align-self:flex-start}.cw5-last-figure{min-height:155px;justify-content:flex-end;padding-right:5%}.cw5-last-figure img{width:117px}.cw5-last-orbit{width:145px;height:130px}
}
@media (max-width:385px){
  .cl-web-page main .container{padding-inline:16px!important}.cw5-hero h1{font-size:38px}.cw5-hero-art{min-height:264px}.cw5-mobile-mock{height:160px;width:90px}.cw5-mobile-mock strong{font-size:11px}.cw5-hero-proof{bottom:0}.cw5-device-main>img{aspect-ratio:1.8}.cw5-project-main .cw5-project-cover{height:280px}.cw5-demo-stage-mode{display:none}.cw5-example{padding-inline:15px}.cw5-example-form,.cw5-example-booking,.cw5-example-automation{padding:18px 14px}.cw5-form-columns b{font-size:9px}
}
@media (prefers-reduced-motion:reduce){.cl-web-page main *, .cl-web-page main *:before,.cl-web-page main *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cw5-ready .cw5-reveal{opacity:1!important;transform:none!important}}

/* ===============================================================
   CONTRASTELAB V106 · WEB — editorial refinement, functional demos
   Local page styles only. Home/header/footer are unchanged.
   =============================================================== */
.cl-web-page.cw6-page{--cw6-stroke:rgba(191,146,255,.17)}
.cw6-page .cw5-hero{padding-top:101px;padding-bottom:64px;min-height:654px;background:#0a0911}
.cw6-page .cw5-hero:after{content:"";position:absolute;width:460px;height:460px;left:55%;top:6%;border:1px solid rgba(182,141,255,.09);border-radius:50%;pointer-events:none;box-shadow:0 0 0 84px rgba(185,144,255,.019),0 0 0 170px rgba(185,144,255,.015)}
.cw6-page .cw5-hero-grid{min-height:465px;gap:36px}
.cw6-page .cw5-hero h1{font-weight:650;max-width:630px;letter-spacing:-.065em;line-height:1.075}
.cw6-page .cw5-hero-lead{max-width:505px}
.cw6-page .cw5-device-main{box-shadow:0 45px 95px rgba(0,0,0,.60),0 0 0 8px rgba(169,133,232,.042)}
.cw6-page .cw5-device:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 30%,transparent 65%)}
.cw6-page .cw5-hero-art-halo{background:radial-gradient(ellipse at 50% 50%,rgba(148,96,251,.31),transparent 70%)}
.cw6-page .cw5-hero-proof{right:-6px;bottom:11px}
.cw6-page .cw5-hero-proof strong{color:#fff;font-weight:800}
.cw6-page .cw5-benefit-icon{box-shadow:inset 0 0 0 1px rgba(178,136,251,.12)}
.cw6-page .cw5-section{scroll-margin-top:95px}
.cw6-page .cw5-intro h2,.cw6-page .cw5-process-copy h2,.cw6-page .cw5-faq-intro h2{font-weight:620}
.cw6-page .cw5-type-card{background:linear-gradient(160deg,var(--cw-panel),var(--cw-bg2));}
.cw6-page .cw5-type-visual{height:259px}
.cw6-page .cw5-type-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 40% -35%,rgba(255,255,255,.15),transparent 67%)}
.cw6-page .cw5-type-copy{padding-bottom:27px}
.cw6-page .cw5-type-card:hover{box-shadow:0 30px 65px rgba(0,0,0,.24),0 0 34px rgba(173,122,248,.06)}
.cw6-page .cw5-types-bottom{background:linear-gradient(100deg,rgba(179,119,251,.10),rgba(118,145,240,.035))}
.cw6-page .cw5-hero-foot{margin-top:29px}

/* Before/after: intentionally fictional mockups; real slider, no false metrics */
.cw6-contrast{background:radial-gradient(ellipse 60% 75% at 50% -15%,rgba(196,126,255,.085),transparent),#100d1a;border-block:1px solid var(--cw-line)}
.cw6-contrast-intro{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:55px;align-items:end;margin-bottom:37px}
.cw6-contrast-intro h2{font-family:var(--heading-font-family,"Beatrice Trial",sans-serif);font-size:clamp(38px,3.5vw,50px);line-height:1.085;letter-spacing:-.052em;color:var(--cw-ink);font-weight:620;max-width:780px;margin:15px 0 15px}
.cw6-contrast-intro h2 em{font-style:normal;background:var(--cw-gradient);color:transparent;-webkit-background-clip:text;background-clip:text}
.cw6-contrast-intro p{font-size:15px;line-height:1.65;color:var(--cw-sub);max-width:660px}
.cw6-contrast-side{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#c9a6fe;font-size:10px;font-weight:850;letter-spacing:.09em}
.cw6-contrast-side .cw6-side-orbit{display:grid;place-items:center;width:47px;height:47px;background:rgba(172,131,242,.10);border:1px solid var(--cw-line);border-radius:14px;font-size:24px}
.cw6-contrast-side small{font-size:10px;line-height:1.65;letter-spacing:0;color:var(--cw-muted);font-weight:500}
.cw6-compare{--cw6-split:45%;position:relative;isolation:isolate;height:405px;border:1px solid rgba(218,202,247,.2);border-radius:25px;overflow:hidden;box-shadow:0 35px 86px rgba(0,0,0,.20);background:#f3efec;touch-action:pan-y}
.cw6-comp-scene{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.cw6-scene-after{background:radial-gradient(circle at 90% 40%,rgba(156,119,251,.30),transparent 50%),#f2eaf8}
.cw6-scene-before{z-index:2;background:#e8e7e6;clip-path:inset(0 calc(100% - var(--cw6-split)) 0 0)}
.cw6-comp-browser{width:calc(100% - 100px);height:325px;margin-inline:auto;border:1px solid rgba(25,16,44,.11);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 17px 38px rgba(44,29,56,.13)}
.cw6-browser-bar{display:flex;align-items:center;justify-content:space-between;height:33px;padding:0 15px;background:#faf9fb;border-bottom:1px solid #ebe7ee;color:#716781}
.cw6-browser-bar>b:first-child{display:flex;gap:5px}.cw6-browser-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#f4a1b6}.cw6-browser-bar i:nth-child(2){background:#c3a5f6}.cw6-browser-bar i:nth-child(3){background:#8db6ee}
.cw6-browser-bar small{font-size:10px;letter-spacing:.02em}.cw6-browser-bar>b:last-child{font-size:14px;font-weight:400}
.cw6-good-page{height:calc(100% - 33px);background:#f6f2ff;color:#29223f;padding:20px 29px}
.cw6-good-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cw6-good-nav>strong{font-size:16px;letter-spacing:-.07em;white-space:nowrap}.cw6-good-nav>strong span{color:#bd72e8;font-size:18px;margin-left:3px}
.cw6-good-nav>span{font-size:10px;color:#807690}.cw6-good-nav>em{font-size:10px;font-style:normal;font-weight:800;padding:8px 12px;border-radius:30px;background:#31254b;color:#fff;white-space:nowrap}
.cw6-good-cols{height:calc(100% - 35px);display:grid;grid-template-columns:1fr .9fr;gap:26px;align-items:center}
.cw6-good-cols>div:first-child{position:relative;z-index:1}.cw6-good-overline{display:block;font-size:9px;letter-spacing:.14em;color:#9c6cc4;font-weight:900;margin-bottom:11px}
.cw6-good-cols strong{display:block;font-size:clamp(27px,2.85vw,39px);line-height:1.02;letter-spacing:-.06em;max-width:405px;color:#2a2040;font-weight:850}
.cw6-good-cols strong i{font-style:normal;color:#a060d9}.cw6-good-cols p{font-size:12px;line-height:1.5;max-width:310px;margin:10px 0 17px;color:#736984}
.cw6-good-cta{display:inline-block;padding:11px 16px;border-radius:9px;background:linear-gradient(110deg,#d58ae8,#a0a3f1);color:#20172e;font-size:11px;font-weight:850;box-shadow:0 10px 22px rgba(154,120,217,.23)}
.cw6-good-art{height:210px;border-radius:110px 110px 22px 22px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 20%,#f6d0e5,transparent 45%),radial-gradient(circle at 25% 84%,#a1baff,transparent 55%),linear-gradient(160deg,#dcc2ef,#9786d7)}
.cw6-good-orbit{position:absolute;width:200px;height:200px;left:10%;top:13%;border:1px solid rgba(255,255,255,.54);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.07),0 0 0 80px rgba(255,255,255,.08)}
.cw6-good-shape{display:block;position:absolute;top:7px;right:19%;font-size:160px;color:rgba(255,255,255,.65);filter:drop-shadow(0 15px 20px rgba(76,40,143,.16))}
.cw6-good-sticker{position:absolute;left:15px;bottom:15px;display:flex;justify-content:space-between;gap:40px;align-items:center;background:rgba(255,255,255,.8);padding:9px 13px;border-radius:11px;color:#403055;font-size:10px;font-weight:900;letter-spacing:.035em;backdrop-filter:blur(8px)}.cw6-good-sticker b{font-size:16px}
.cw6-bad-page{height:calc(100% - 33px);padding:20px;background:#f8f8f6;color:#363636;font-family:Arial,sans-serif}
.cw6-bad-nav{font-size:10px;border-bottom:1px solid #ccc;padding:5px 0 18px;color:#555}
.cw6-bad-cols{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:20px;height:206px}.cw6-bad-cols>div:first-child strong{display:block;max-width:375px;font:800 clamp(20px,2vw,26px)/1.06 Arial,sans-serif;color:#333}.cw6-bad-cols p{font-size:12px;color:#666;line-height:1.5;margin:8px 0}.cw6-bad-cols small{display:block;font-size:10px;color:#888}.cw6-bad-cols>div:first-child i{display:inline-block;padding:10px 12px;margin-top:14px;background:#888;color:#fff;font-style:normal;font-size:10px}
.cw6-bad-random{display:flex;flex-wrap:wrap;gap:5px}.cw6-bad-random span{display:block;height:50px;flex:1 0 45%;background:#ccc}.cw6-bad-random span:nth-child(2){background:#e3e3e3}.cw6-bad-random span:nth-child(3){background:#a9a9a9}.cw6-bad-random span:nth-child(4){background:#d2d2d2}
.cw6-bad-foot{border-top:1px solid #d5d5d5;padding-top:9px;color:#888;font-size:9px}
.cw6-comp-divider{position:absolute;z-index:6;inset:0 auto 0 var(--cw6-split);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 22px rgba(37,25,58,.25);pointer-events:none}
.cw6-comp-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900;background:#20172e;border:5px solid #fff;box-shadow:0 8px 26px rgba(0,0,0,.2)}
.cw6-comp-label{position:absolute;z-index:4;bottom:16px;font-size:9px;letter-spacing:.11em;font-weight:900;border-radius:40px;padding:10px 14px;pointer-events:none}
.cw6-comp-label-before{left:18px;color:#434049;background:rgba(255,255,255,.90)}.cw6-comp-label-after{right:18px;background:#271936;color:#fff}
.cw6-comp-slider{position:absolute;inset:0;z-index:10;opacity:0;width:100%;height:100%;cursor:ew-resize;touch-action:pan-y}
.cw6-comp-slider-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}
.cw6-compare:focus-within .cw6-comp-divider>span{outline:3px solid #ab76ed;outline-offset:4px}
.cw6-contrast-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}
.cw6-contrast-footer>span{white-space:nowrap;font-size:10px;letter-spacing:.115em;font-weight:900;color:#c5a6f6}
.cw6-contrast-footer p{font-size:12px;line-height:1.5;color:var(--cw-sub);max-width:405px}
.cw6-contrast-footer a{display:flex;align-items:center;gap:18px;flex:none;color:var(--cw-ink)!important;font-size:12px;font-weight:850;white-space:nowrap}
.cw6-contrast-footer a span{font-size:18px;color:#b78af3}
html[data-theme="light"] .cw6-contrast{background:radial-gradient(ellipse 70% 60% at 50% -30%,rgba(170,111,233,.13),transparent),#f2eff7}
html[data-theme="light"] .cw6-contrast-footer>span{color:#7c56a8}
html[data-theme="light"] .cw6-page .cw5-hero{background:linear-gradient(140deg,#fcfafc,#f5f0fa)}

/* The demo is now honestly interactive: buttons do something; no sends */
.cw6-page .cw5-example-toast[hidden],.cw6-page .cw5-example[hidden]{display:none!important}
.cw6-page .cw5-demo-stage{overflow:hidden}
.cw6-page .cw5-example{min-height:475px;padding-bottom:48px}
.cw6-page .cw5-example-form,.cw6-page .cw5-example-booking,.cw6-page .cw5-example-automation{width:min(100%,403px);min-height:380px;transform:rotate(-.5deg)}
.cw6-page .cw5-form-columns label,.cw6-page .cw5-form-message{display:block;padding:8px 10px;border-radius:9px;background:#f5f1f8;border:1px solid #e8e0ef;min-width:0}
.cw6-page .cw5-form-columns label span,.cw6-page .cw5-form-message span{font-size:9px;display:block;color:#756b7e}
.cw6-page .cw5-form-columns input,.cw6-page .cw5-form-message textarea{width:100%;border:0;background:transparent;resize:none;outline:0;padding:6px 0 0;font:700 11px/1.4 Arial,sans-serif;color:#2e2639;box-shadow:none;min-height:18px}
.cw6-page .cw5-form-columns input::placeholder,.cw6-page .cw5-form-message textarea::placeholder{color:#94899f;opacity:1}
.cw6-page .cw5-form-columns label:focus-within,.cw6-page .cw5-form-message:focus-within{border-color:#a775d8;box-shadow:0 0 0 3px rgba(170,117,226,.12)}
.cw6-page .cw5-form-message{margin-top:8px;min-height:65px}
.cw6-page .cw5-form-send{display:flex;width:100%;border:0;cursor:pointer;pointer-events:auto;text-align:left;transition:filter .2s,transform .2s;min-height:35px}
.cw6-page .cw5-form-send:hover{transform:translateY(-2px);filter:brightness(1.075)}
.cw6-page .cw5-form-send:focus-visible{outline:3px solid #ab76ee;outline-offset:2px}
.cw6-demo-smallprint{font-size:9px!important;line-height:1.4!important;color:#8d7c9e!important;margin:7px 0 0!important}
.cw6-demo-feedback{font-size:10px!important;line-height:1.4!important;color:#8457ad!important;margin:4px 0 0!important;min-height:12px}
.cw6-page .cw5-example-toast{right:9px;bottom:13px}
.cw6-book-days button{background:transparent;color:#554366;border:0;border-radius:8px;font:700 11px/1 Arial;cursor:pointer;min-height:30px;transition:background .2s,color .2s}
.cw6-book-days button.is-selected,.cw6-book-days button[aria-pressed="true"]{background:#aa79e6;color:#fff}
.cw6-book-days button:hover:not(.is-selected){background:#e9dbf7}
.cw6-book-hours button{flex:1;border:1px solid #ded3e8;border-radius:7px;padding:8px 3px;background:#fff;color:#6e597d;font:700 10px/1 Arial;cursor:pointer}
.cw6-book-hours button.is-selected{background:#382849;color:#fff;border-color:#382849}
.cw6-book-hours button:hover:not(.is-selected){background:#eee2fa}
.cw6-page .cw5-example-automation{min-height:395px}
.cw6-page .cw5-flow-pills>div{transition:background .28s,border-color .28s,transform .28s}
.cw6-page .cw5-flow-pills>div.cw6-flow-active{background:#eee5ff;border-color:#ad82e9;transform:translateX(3px)}
.cw6-page .cw5-flow-pills>div.cw6-flow-active>span{background:#a77ade;color:#fff}
.cw6-run-flow{margin-top:9px!important}
.cw6-page .cw5-example-toast.cw6-toast{animation:cw6-pop .24s ease-out both}
@keyframes cw6-pop{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:rotate(2deg)}}

/* Portfolio: visual identity compositions clearly marked as illustrative */
.cw6-page .cw5-work{background:radial-gradient(ellipse 40% 38% at 10% 3%,rgba(131,102,237,.07),transparent),var(--cw-bg)}
.cw6-page .cw5-project{box-shadow:0 22px 60px rgba(0,0,0,.08)}
.cw6-page .cw5-project:not(.cw5-project-main) .cw5-project-cover{height:255px}
.cw6-page .cw5-project-main{display:flex;flex-direction:column}
.cw6-page .cw5-project-main .cw5-project-cover{height:auto;min-height:570px;flex:1}
.cw6-page .cw5-project-main .cw5-project-info{min-height:120px}
.cw6-page .cw5-project-main .cw5-project-cover>img{align-self:flex-start}
.cw6-page .cw5-project .cw5-project-visit{opacity:1;transform:none;background:#1d1526}
.cw6-page .cw5-project-cover-viv,.cw6-page .cw5-project-cover-kova{padding:0}
.cw6-page .cw5-project-cover-viv{background:#eae6d8}.cw6-page .cw5-project-cover-kova{background:#0d132b}
.cw6-preview-viv,.cw6-preview-kova{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;transition:transform .55s cubic-bezier(.15,.8,.3,1)}
.cw5-project-cover:hover .cw6-preview-viv,.cw5-project-cover:hover .cw6-preview-kova{transform:scale(1.045)}
.cw6-preview-viv{background:linear-gradient(115deg,#e7e6dc,#d6d5be);padding:27px 27px;color:#34432f}
.cw6-preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:2}
.cw6-preview-top img{width:190px;max-height:50px;object-fit:contain;object-position:left;filter:brightness(.7)}
.cw6-preview-top span{font-size:9px;letter-spacing:.07em;white-space:nowrap;font-weight:850;opacity:.65}
.cw6-preview-viv-inner{z-index:2;display:flex;flex-direction:column;align-items:flex-start;margin-top:13px;max-width:265px;gap:10px}
.cw6-preview-viv-inner>span{font-size:9px;letter-spacing:.14em;font-weight:850;color:#6d8262}
.cw6-preview-viv-inner strong{font-size:30px;line-height:1.04;letter-spacing:-.055em;color:#263627;font-weight:750}
.cw6-preview-viv-inner strong em{font-style:normal;color:#859074}
.cw6-preview-viv-inner i{font-size:10px;font-style:normal;font-weight:800;color:#39543e;border-bottom:1px solid #839487;padding-bottom:3px}
.cw6-preview-viv-pattern{position:absolute;right:-20px;bottom:-90px;width:265px;height:265px;transform:rotate(20deg);border:1px solid rgba(47,84,55,.17);border-radius:50%;box-shadow:0 0 0 23px rgba(47,84,55,.055),0 0 0 55px rgba(47,84,55,.035)}
.cw6-preview-viv-pattern i{position:absolute;display:block;background:rgba(63,93,65,.2);border-radius:12px;transform:rotate(-20deg)}
.cw6-preview-viv-pattern i:nth-child(1){width:30px;height:95px;left:50px;top:25px}.cw6-preview-viv-pattern i:nth-child(2){width:95px;height:24px;left:50px;top:25px}.cw6-preview-viv-pattern i:nth-child(3){width:30px;height:93px;right:40px;bottom:28px}
.cw6-preview-kova{padding:19px 24px;background:radial-gradient(circle at 89% 30%,rgba(141,116,249,.31),transparent 55%),linear-gradient(130deg,#0b1128,#171631);color:#fff}
.cw6-preview-kova:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to right,transparent 15%,black)}
.cw6-preview-kova-top{display:flex;position:relative;z-index:2;justify-content:space-between;align-items:center;gap:12px}
.cw6-preview-kova-top img{width:150px;max-height:40px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}
.cw6-preview-kova-top span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#ada7d1;white-space:nowrap}
.cw6-preview-dashboard{position:absolute;left:22%;right:-8%;top:58px;bottom:-35px;border:1px solid rgba(211,203,255,.35);border-radius:16px;background:rgba(28,26,55,.89);backdrop-filter:blur(20px);box-shadow:0 23px 60px rgba(0,0,0,.4);transform:rotate(-7deg)}
.cw6-preview-dash-head{display:flex;align-items:center;justify-content:space-between;height:29px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.09)}.cw6-preview-dash-head>span{display:flex;gap:4px}.cw6-preview-dash-head i{display:block;width:6px;height:6px;background:#ba83ed;border-radius:50%}.cw6-preview-dash-head i:nth-child(2){background:#6f7df9}.cw6-preview-dash-head i:nth-child(3){background:#78c2eb}.cw6-preview-dash-head b{font-size:9px;color:#b9b6cc}
.cw6-preview-dash-content{padding:20px;display:flex;gap:15px;justify-content:space-between}.cw6-preview-dash-content strong{display:block;font-size:21px;line-height:1.1;letter-spacing:-.045em;max-width:270px;color:#fff}.cw6-preview-dash-content small{display:block;font-size:10px;color:#a7a5bf;margin-top:9px}.cw6-dash-meter{display:block;width:190px;max-width:100%;height:8px;border-radius:50px;background:#34345a;margin-top:17px;overflow:hidden}.cw6-dash-meter i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#a47cff,#6bcbf3);border-radius:50px}
.cw6-preview-dash-cards{display:flex;gap:6px}.cw6-preview-dash-cards>span{height:47px;width:43px;display:grid;place-items:center;background:#40355a;color:#dab3ff;border:1px solid rgba(255,255,255,.09);border-radius:11px;font-size:18px}
.cw6-preview-disclaimer{position:absolute;z-index:6;bottom:14px;left:17px;padding:6px 9px;background:rgba(19,16,30,.85);border:1px solid rgba(255,255,255,.14);border-radius:7px;color:#fff;font-size:8px;letter-spacing:.065em;font-weight:800}
.cw6-page .cw5-project-cover .cw5-project-visit{bottom:14px;right:14px}
.cw6-page .cw5-work-bottom>a:hover,.cw6-page .cw5-types-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
/* Tablet and phone: real layout, no horizontal scrolling and no tiny stacked inputs */
@media(max-width:991px){
 .cw6-contrast-intro{grid-template-columns:1fr 180px;gap:25px}
 .cw6-contrast-footer{flex-wrap:wrap}.cw6-contrast-footer p{flex:1}
 .cw6-page .cw5-project-main .cw5-project-cover{min-height:460px}
}
@media(max-width:767px){
 .cw6-page .cw5-hero{padding-top:87px;padding-bottom:28px;min-height:0}
 .cw6-page .cw5-hero-grid{min-height:0;gap:3px}
 .cw6-page .cw5-hero h1{font-weight:650;font-size:clamp(40px,9.4vw,53px)}
 .cw6-page .cw5-type-visual{height:215px}
 .cw6-page .cw5-section{padding-top:66px;padding-bottom:66px}
 .cw6-contrast-intro{grid-template-columns:1fr;gap:15px;margin-bottom:20px}
 .cw6-contrast-intro h2{font-size:clamp(32px,8.5vw,43px)}
 .cw6-contrast-intro p{font-size:14px}
 .cw6-contrast-side{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
 .cw6-contrast-side .cw6-side-orbit{width:31px;height:31px;font-size:17px;border-radius:10px}
 .cw6-contrast-side small{width:100%;font-size:10px}
 .cw6-compare{height:365px;border-radius:17px}
 .cw6-comp-browser{position:absolute;left:11px;right:11px;top:18px;width:auto;height:300px;margin:0;border-radius:11px}
 .cw6-browser-bar{height:26px;padding:0 9px}
 .cw6-good-page{padding:11px 14px}.cw6-good-nav{gap:4px}.cw6-good-nav>strong{font-size:13px}.cw6-good-nav>span{display:none}.cw6-good-nav>em{font-size:8px;padding:7px 10px}
 .cw6-good-cols{grid-template-columns:1fr;gap:2px;height:calc(100% - 35px)}
 .cw6-good-cols strong{font-size:31px;max-width:300px}.cw6-good-overline{font-size:9px;margin-bottom:10px}
 .cw6-good-cols p{font-size:11px;max-width:260px;margin:10px 0}
 .cw6-good-art{display:none}.cw6-good-cta{font-size:10px}
 .cw6-bad-page{padding:11px 13px}.cw6-bad-nav{font-size:8px;padding:5px 0 10px;line-height:1.3}
 .cw6-bad-cols{display:block;height:207px}.cw6-bad-cols>div:first-child strong{font-size:22px}.cw6-bad-cols p{font-size:11px;line-height:1.4}.cw6-bad-cols small{font-size:10px}.cw6-bad-cols>div:first-child i{font-size:9px;margin-top:10px;padding:8px}
 .cw6-bad-random{display:none}.cw6-bad-foot{font-size:8px}
 .cw6-comp-divider>span{width:46px;height:46px;border-width:4px;font-size:20px}
 .cw6-comp-label{font-size:7px;padding:8px 9px;bottom:12px;letter-spacing:.02em;max-width:42%}
 .cw6-comp-label-before{left:8px}.cw6-comp-label-after{right:8px;text-align:right}
 .cw6-contrast-footer{flex-direction:column;align-items:flex-start;gap:10px}.cw6-contrast-footer>span{font-size:10px}
 .cw6-contrast-footer p{font-size:12px}.cw6-contrast-footer a{margin-top:6px}
 .cw6-page .cw5-example{min-height:470px;padding:15px 11px 40px}
 .cw6-page .cw5-example-form,.cw6-page .cw5-example-booking,.cw6-page .cw5-example-automation{width:100%;padding:20px 16px;transform:none;min-height:370px}
 .cw6-page .cw5-form-columns{grid-template-columns:1fr 1fr;gap:6px}
 .cw6-page .cw5-form-columns input{font-size:10px}
 .cw6-page .cw5-example-toast{right:6px;bottom:8px}
 .cw6-page .cw5-demo-stage-mode{display:block;font-size:7px;letter-spacing:0}
 .cw6-page .cw5-project:not(.cw5-project-main) .cw5-project-cover{height:245px}
 .cw6-page .cw5-project-main .cw5-project-cover{height:325px;min-height:325px;flex:none}
 .cw6-preview-viv{padding:21px 19px}.cw6-preview-top img{width:160px}.cw6-preview-top span{font-size:7px}
 .cw6-preview-viv-inner{margin-top:13px}.cw6-preview-viv-inner strong{font-size:26px;max-width:225px}.cw6-preview-viv-pattern{right:-110px}
 .cw6-preview-kova{padding:18px}.cw6-preview-kova-top img{width:130px}.cw6-preview-kova-top span{font-size:7px}
 .cw6-preview-dashboard{left:14%;top:59px}.cw6-preview-dash-content strong{font-size:20px}
}
@media(max-width:390px){
 .cw6-page .cw5-demo-stage-top{padding-inline:7px;gap:3px}
 .cw6-page .cw5-demo-stage-top>span:nth-child(2){font-size:8px}
 .cw6-page .cw5-demo-stage-mode{font-size:6px}
 .cw6-page .cw5-example-form,.cw6-page .cw5-example-booking,.cw6-page .cw5-example-automation{padding:18px 12px}
 .cw6-page .cw5-form-columns{grid-template-columns:1fr 1fr}
 .cw6-page .cw5-form-columns label{padding:7px}
 .cw6-preview-top span,.cw6-preview-kova-top span{display:none}
}
@media(prefers-reduced-motion:reduce){.cw6-page .cw6-comp-scene,.cw6-page .cw6-flow-pills>div,.cw6-page .cw6-preview-viv,.cw6-page .cw6-preview-kova{transition:none!important}}

/* Final visual QA corrections */
@media(min-width:768px){
 .cw6-good-cols{grid-template-columns:.82fr 1fr;gap:20px}
 .cw6-good-cols>div:first-child{order:2}
 .cw6-good-art{order:1}
}



.cw6-page .cw5-demo-sidebar h3{font-weight:750}
.cw6-page .cw5-example h4{font-size:28px}
.cw6-page .cw5-example p:not(.cw6-demo-smallprint):not(.cw6-demo-feedback){font-size:12px}
.cw6-page .cw5-form-eyebrow{font-size:10px}
.cw6-page .cw5-example-form,.cw6-page .cw5-example-booking,.cw6-page .cw5-example-automation{width:min(100%,425px);padding:29px 30px}
.cw6-page .cw5-form-columns label span,.cw6-page .cw5-form-message span{font-size:10px}
.cw6-page .cw5-form-columns input,.cw6-page .cw5-form-message textarea{font-size:12px}
.cw6-page .cw5-form-send{font-size:12px;padding:13px 15px}
.cw6-preview-kova-top img{filter:none;background:#fff;border-radius:8px;padding:2px 4px;width:165px}
.cw6-page .cw5-project-cover-hogareza:after{content:"HOGAREZA  /  WEB A MEDIDA";position:absolute;left:35px;bottom:60px;z-index:1;color:rgba(177,79,129,.26);font-size:28px;font-weight:900;letter-spacing:-.055em;pointer-events:none}
@media(max-width:767px){
 .cw6-good-cols>div:first-child{padding-left:38%;}
 .cw6-good-cols strong{font-size:25px;line-height:1.08}
 .cw6-good-cols p{font-size:10px;line-height:1.42}
 .cw6-good-overline{font-size:8px}
 .cw6-good-cta{font-size:9px;padding:8px}
 .cw6-page .cw5-example-form,.cw6-page .cw5-example-booking,.cw6-page .cw5-example-automation{width:100%;padding:20px 16px}
 .cw6-page .cw5-example h4{font-size:23px}
 .cw6-page .cw5-form-columns label span,.cw6-page .cw5-form-message span{font-size:9px}
 .cw6-page .cw5-form-columns input,.cw6-page .cw5-form-message textarea{font-size:10px}
 .cw6-page .cw5-project-cover-hogareza:after{font-size:16px;left:20px;bottom:48px}
}

html[data-theme="light"] .cw6-contrast-side{color:#71429a}

/* ====================================================================
   V107 — Living design showroom + contact brief · /web/ ONLY
   (Home and shared components remain untouched.)
   ==================================================================== */
.cw7-page{--cw7-white:#f7f4ff}
.cw7-page .cw5-types{isolation:isolate}
.cw7-page .cw5-type-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s;will-change:auto}
.cw7-page .cw5-type-card:hover{transform:translateY(-6px);border-color:rgba(207,157,255,.32);box-shadow:0 28px 58px rgba(0,0,0,.15)}
.cw7-page .cw5-project-cover{isolation:isolate}
.cw7-page .cw5-project-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.065) 47%,transparent 67%);opacity:0;transition:opacity .3s}
.cw7-page .cw5-project-cover:hover:after{opacity:1}
.cw7-page .cw5-hero-proof{backdrop-filter:blur(22px)}
/* Showroom header */
.cw7-showroom{margin:76px 0 8px;scroll-margin-top:115px}
.cw7-showroom-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
.cw7-showroom-head>div{max-width:780px}
.cw7-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:850;letter-spacing:.16em;color:#cdaaff}
.cw7-kicker-dot{display:block;width:7px;height:7px;border-radius:50%;background:#b28afa;box-shadow:0 0 0 5px rgba(178,138,250,.14),0 0 20px #bd84fa}
.cw7-showroom h3{font-size:clamp(30px,3.3vw,43px);line-height:1.12;letter-spacing:-.055em;color:var(--cw-ink);font-weight:620;margin:14px 0}
.cw7-showroom h3 em{font-style:normal;background:var(--cw-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.cw7-showroom-head p{max-width:620px;color:var(--cw-sub);font-size:14px;line-height:1.65}
.cw7-showroom-count{font-size:12px;font-weight:800;color:var(--cw-muted);white-space:nowrap;letter-spacing:.14em;border:1px solid var(--cw-line);border-radius:20px;padding:9px 15px}
.cw7-showroom-count span{color:var(--cw-ink)}
.cw7-showroom-shell{overflow:hidden;border:1px solid rgba(200,154,255,.18);border-radius:27px;background:#15121c;box-shadow:0 36px 85px rgba(0,0,0,.12)}
.cw7-scene-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;background:linear-gradient(120deg,#17141f,#111018);gap:8px;border-bottom:1px solid rgba(255,255,255,.11)}
.cw7-switch{display:flex;align-items:center;gap:11px;min-height:49px;border:1px solid transparent;border-radius:13px;background:transparent;color:#9d98aa;text-align:left;font-size:13px;line-height:1.2;font-weight:750;padding:0 16px;cursor:pointer;transition:background .22s,border-color .22s,color .22s,transform .22s}
.cw7-switch span{font-size:10px;letter-spacing:.1em;color:#6d687a}
.cw7-switch i{font-style:normal;margin-left:auto;opacity:.5;font-size:16px}
.cw7-switch:hover{color:#f8f6ff;background:rgba(255,255,255,.06)}
.cw7-switch.is-active{background:#2a2238;border-color:rgba(215,175,255,.31);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cw7-switch.is-active span,.cw7-switch.is-active i{color:#d8baff;opacity:1}
.cw7-showroom-body{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(255px,.79fr);gap:32px;padding:42px 35px 29px;background:radial-gradient(ellipse at 24% 28%,rgba(136,80,176,.19),transparent 62%),#15121e}
.cw7-preview-wrap{position:relative;min-width:0;min-height:435px;display:flex;align-items:center;padding:6px 32px 42px 8px;isolation:isolate}
.cw7-preview-shadow{position:absolute;z-index:-1;left:7%;right:1%;bottom:9px;height:60px;border-radius:50%;filter:blur(28px);background:#0008}
.cw7-live-browser{--cv-bg:#e9dfcf;--cv-fg:#201d19;--cv-accent:#efe5ce;--cv-label:#e5d5bd;position:relative;z-index:1;border:1px solid rgba(255,255,255,.19);width:100%;max-width:690px;box-shadow:0 28px 70px rgba(0,0,0,.36);border-radius:15px;overflow:hidden;background:#19191c;transition:box-shadow .3s;min-width:0}
.cw7-live-toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#948d9e;background:#24212a;border-bottom:1px solid rgba(255,255,255,.11);font-size:10px;letter-spacing:.025em}
.cw7-window-dots{display:flex;gap:5px}.cw7-window-dots i{width:7px;height:7px;border-radius:50%;background:#fa99bd;display:block}.cw7-window-dots i:nth-child(2){background:#d0a7ff}.cw7-window-dots i:nth-child(3){background:#92bbf1}
.cw7-browser-open{font-size:16px;color:#c6b3d9}
.cw7-live-screen{background:var(--cv-bg);color:var(--cv-fg);height:368px;overflow:hidden;transition:background .3s,color .3s}
.cw7-page-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px;font-size:9px;font-weight:750}
.cw7-page-top>span:first-child{font-family:Georgia,serif;font-size:26px;font-weight:900;letter-spacing:-.08em}
.cw7-mini-nav{display:flex;gap:22px;font-size:9px;font-weight:650}.cw7-mini-nav b{font-weight:700}
.cw7-mini-top-cta{padding:9px 11px;border:1px solid currentColor;border-radius:2px;white-space:nowrap;font-size:9px}
.cw7-page-hero{position:relative;height:286px;overflow:hidden;isolation:isolate;display:flex;align-items:center}
.cw7-page-image{position:absolute;z-index:-2;inset:0;background:url('../images/contrastelab/case-locanda.webp') center 36%/cover;transition:background-image .4s}
.cw7-page-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(25,21,19,.87),rgba(24,20,19,.46) 55%,rgba(24,20,19,.12) 100%)}
.cw7-page-content{padding:20px 35px;color:#fff;max-width:66%;display:flex;align-items:flex-start;flex-direction:column}
.cw7-page-content>span:first-child{font-size:9px;letter-spacing:.17em;font-weight:850;color:var(--cv-label);margin-bottom:13px}
.cw7-page-content strong{font-family:Georgia,serif;font-size:clamp(26px,2.95vw,40px);font-weight:500;letter-spacing:-.042em;line-height:1.08;max-width:420px}
.cw7-page-content>span:nth-of-type(2){font-size:10px;line-height:1.5;max-width:310px;margin-top:12px;opacity:.86}
.cw7-page-cta{display:inline-flex;align-items:center;gap:28px;background:var(--cv-accent);color:var(--cv-fg);padding:11px 14px;border-radius:3px;font-size:10px;font-weight:800;margin-top:19px}
.cw7-mini-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;height:30px;padding:0 24px;font-size:8px;letter-spacing:.07em}.cw7-mini-bottom span:nth-child(2){font-size:9px;font-weight:750;letter-spacing:0}
/* Studio theme */
.cw7-live-browser[data-current-scene="studio"]{--cv-bg:#d7c8f4;--cv-fg:#241a36;--cv-accent:#d3c2ff;--cv-label:#e5ccff}
.cw7-live-browser[data-current-scene="studio"] .cw7-page-top>span:first-child{font-family:Arial,sans-serif;font-weight:950;text-transform:uppercase;font-size:22px;letter-spacing:-.09em}
.cw7-live-browser[data-current-scene="studio"] .cw7-page-image{background-image:url('../images/contrastelab/media-3.webp');background-position:center 45%;filter:brightness(.64) saturate(1.16)}
.cw7-live-browser[data-current-scene="studio"] .cw7-page-overlay{background:linear-gradient(90deg,rgba(34,13,60,.88),rgba(65,40,107,.51) 65%,transparent)}
.cw7-live-browser[data-current-scene="studio"] .cw7-page-content strong{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.075em}
.cw7-live-browser[data-current-scene="studio"] .cw7-page-cta{border-radius:99px;color:#26133b}
/* Professional theme */
.cw7-live-browser[data-current-scene="pro"]{--cv-bg:#e3e9ea;--cv-fg:#102a38;--cv-accent:#bfe6ec;--cv-label:#c7e6f2}
.cw7-live-browser[data-current-scene="pro"] .cw7-page-top>span:first-child{font-family:Arial,sans-serif;font-weight:850;font-size:22px;letter-spacing:-.055em}
.cw7-live-browser[data-current-scene="pro"] .cw7-page-image{background-image:url('../images/contrastelab/media-6.webp');background-position:center 44%;filter:brightness(.65) saturate(.88)}
.cw7-live-browser[data-current-scene="pro"] .cw7-page-overlay{background:linear-gradient(90deg,rgba(7,38,57,.92),rgba(13,60,81,.59) 67%,rgba(15,55,69,.08))}
.cw7-live-browser[data-current-scene="pro"] .cw7-page-content strong{font-family:Arial,sans-serif;letter-spacing:-.06em;font-weight:720}
.cw7-live-browser[data-current-scene="pro"] .cw7-page-cta{border-radius:8px}
/* Phone with viewport-matched theme */
.cw7-live-phone{position:absolute;z-index:3;bottom:4px;right:-1px;width:145px;height:277px;background:#15131c;border:7px solid #29232f;border-radius:25px;box-shadow:0 23px 45px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.25);overflow:hidden;transform:rotate(8deg);pointer-events:none;transition:transform .3s}
.cw7-preview-wrap:hover .cw7-live-phone{transform:rotate(5deg) translateY(-3px)}
.cw7-phone-island{position:absolute;z-index:5;top:6px;left:50%;transform:translateX(-50%);width:45px;height:8px;border-radius:50px;background:#13131a}
.cw7-phone-page{background:#eee7d9;color:#241c17;height:100%;padding:25px 9px 8px;display:flex;align-items:flex-start;flex-direction:column;gap:11px}
.cw7-phone-page>span:first-child{font-family:Georgia,serif;font-size:17px;font-weight:950;letter-spacing:-.06em}
.cw7-phone-photo{height:112px;width:100%;background:url('../images/contrastelab/case-locanda.webp') center/cover;border-radius:2px}
.cw7-phone-page strong{font-family:Georgia,serif;font-size:14px;line-height:1.07;letter-spacing:-.03em}
.cw7-phone-cta{background:#39271c;color:#fff;border-radius:3px;font-size:8px;padding:8px 9px;font-weight:800}
.cw7-live-phone[data-current-scene="studio"] .cw7-phone-page{background:#e0d0fb;color:#2c1346}
.cw7-live-phone[data-current-scene="studio"] .cw7-phone-page>span:first-child,.cw7-live-phone[data-current-scene="studio"] strong{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase}
.cw7-live-phone[data-current-scene="studio"] .cw7-phone-photo{background-image:url('../images/contrastelab/media-3.webp')}
.cw7-live-phone[data-current-scene="studio"] .cw7-phone-cta{background:#a76cff;border-radius:99px}
.cw7-live-phone[data-current-scene="pro"] .cw7-phone-page{background:#e5eef0;color:#12354b}
.cw7-live-phone[data-current-scene="pro"] .cw7-phone-page>span:first-child,.cw7-live-phone[data-current-scene="pro"] strong{font-family:Arial,sans-serif}
.cw7-live-phone[data-current-scene="pro"] .cw7-phone-photo{background-image:url('../images/contrastelab/media-6.webp')}
.cw7-live-phone[data-current-scene="pro"] .cw7-phone-cta{background:#14637a;border-radius:7px}
/* Right context */
.cw7-preview-insight{min-width:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:7px 3px 14px 0;color:#fff}
.cw7-insight-index{color:#a399b8;letter-spacing:.13em;font-size:10px;font-weight:850}
.cw7-insight-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(217,181,255,.25);background:linear-gradient(135deg,rgba(214,118,231,.25),rgba(142,123,236,.10));border-radius:14px;color:#f3c0ff;font-size:24px;margin:23px 0 18px}
.cw7-preview-insight h4{font-size:clamp(23px,2.6vw,32px);line-height:1.16;letter-spacing:-.05em;font-weight:650;color:#f9f4ff;max-width:270px}
.cw7-preview-insight p{font-size:13px;line-height:1.7;margin-top:13px;color:#b9b1c4;max-width:290px;min-height:90px}
.cw7-insight-rule{height:1px;width:100%;background:rgba(255,255,255,.14);margin:22px 0 18px}
.cw7-insight-label{font-size:9px;font-weight:850;letter-spacing:.12em;color:#ada3bc}
.cw7-insight-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.cw7-insight-pills span{padding:7px 10px;border-radius:8px;font-size:10px;font-weight:700;background:#292336;color:#e3d7ef;border:1px solid rgba(225,189,249,.13)}
.cw7-insight-link{font-size:11px;font-weight:780;color:#deb7ff!important;display:inline-flex;align-items:center;gap:14px;margin-top:27px}.cw7-insight-link:hover{color:#fff!important}
.cw7-showroom-bottom{display:flex;justify-content:space-between;gap:12px;padding:13px 23px;background:#17141f;border-top:1px solid rgba(255,255,255,.10);color:#9f96ab;font-size:9px;font-weight:800;letter-spacing:.08em}
.cw7-showroom-bottom>span:first-child{display:inline-flex;align-items:center;gap:8px}
.cw7-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b58dfb;box-shadow:0 0 0 4px rgba(181,141,251,.12)}
/* Actionable mini-brief at the end of service page */
.cw7-page .cw5-last-card{grid-template-columns:minmax(0,.88fr) minmax(0,1.04fr);gap:66px;padding:51px;align-items:center;overflow:visible;background:radial-gradient(ellipse at 90% 0%,rgba(145,98,205,.15),transparent 58%),linear-gradient(125deg,#191320,#151320)}
.cw7-page .cw5-last-content{align-self:center}
.cw7-page .cw5-last h2{max-width:480px;font-size:clamp(36px,3.5vw,49px);font-weight:660}
.cw7-page .cw5-last-actions{gap:20px}
.cw7-page .cw7-brief{border:1px solid rgba(210,184,255,.24);padding:27px;background:rgba(33,27,44,.87);box-shadow:0 20px 55px rgba(0,0,0,.20);border-radius:20px;position:relative;min-width:0}
.cw7-brief-head{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.11)}
.cw7-brief-signal{width:38px;height:38px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#e789e6,#9a9aff);color:#211126;border-radius:11px;font-size:24px}
.cw7-brief-head div{display:flex;flex-direction:column;gap:5px}.cw7-brief-head strong{color:#faf7ff;font-size:14px;line-height:1.25}.cw7-brief-head small{color:#a8a0b5;font-size:11px;line-height:1.35}
.cw7-brief-field{border:0;padding:0;min-width:0;margin:22px 0 0}
.cw7-brief-field legend{color:#e5dbea;font-weight:750;font-size:12px;margin-bottom:11px}
.cw7-brief-options{display:flex;flex-wrap:wrap;gap:8px}
.cw7-brief-options button{padding:10px 12px;border-radius:9px;background:#292335;color:#bfb5cc;border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:750;cursor:pointer;line-height:1.3;transition:background .2s,color .2s,border-color .2s}
.cw7-brief-options button:hover{border-color:rgba(218,168,255,.5);color:#fff}
.cw7-brief-options button.is-selected{color:#26162f;background:#e9bbff;border-color:#e9bbff;box-shadow:0 6px 17px rgba(167,106,230,.14)}
.cw7-brief-options-goals button{flex:0 1 auto}
.cw7-brief-result{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#16131f;padding:14px 15px;margin-top:22px}
.cw7-brief-result>div>span{font-size:9px;font-weight:850;letter-spacing:.12em;color:#c6a6e4}
.cw7-page .cw7-brief-result p{color:#eae2f0;font-size:12px;line-height:1.6;margin-top:6px}
.cw7-brief-result>span{color:#bb8bea;font-size:15px}
.cw7-brief-send{margin-top:13px;width:100%;min-height:44px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:linear-gradient(110deg,#eeb5dd,#b6a7ff,#99c6ff);color:#181022!important;border-radius:10px;font-size:12px;font-weight:850;box-shadow:0 12px 22px rgba(165,108,240,.19);transition:transform .2s,box-shadow .2s}
.cw7-brief-send:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(165,108,240,.24)}
.cw7-brief-privacy{display:block;color:#948c9f;margin-top:11px;font-size:10px;line-height:1.5}
html[data-theme="light"] .cw7-showroom-shell{border-color:rgba(110,73,154,.25);box-shadow:0 25px 55px rgba(84,62,120,.13)}
html[data-theme="light"] .cw7-page .cw5-last-card{background:linear-gradient(120deg,#fff,#f0eaf8);border-color:#e1d9e6}
html[data-theme="light"] .cw7-page .cw5-last-glow{opacity:.4}
/* Responsive: maintain the actual preview rather than introducing alternate content */
@media (max-width:1100px){
 .cw7-showroom-body{grid-template-columns:minmax(0,1.5fr) minmax(215px,.8fr);gap:18px;padding:32px 23px 21px}
 .cw7-preview-wrap{min-height:380px;padding-bottom:34px}
 .cw7-live-screen{height:330px}.cw7-page-hero{height:250px}.cw7-page-content{max-width:75%;padding:15px 25px}
 .cw7-live-phone{width:121px;height:235px;right:0;bottom:1px}
 .cw7-phone-photo{height:88px}.cw7-phone-page strong{font-size:12px}
 .cw7-page .cw5-last-card{gap:30px;padding:35px}
}
@media (max-width:820px){
 .cw7-showroom{margin-top:55px}
 .cw7-showroom-body{grid-template-columns:1fr;gap:13px;padding:25px 22px 22px}
 .cw7-preview-wrap{max-width:710px;margin:auto;width:100%;min-height:410px}
 .cw7-live-screen{height:350px}.cw7-page-hero{height:270px}
 .cw7-live-phone{width:137px;height:260px;right:1px;bottom:0}
 .cw7-preview-insight{display:grid;grid-template-columns:50px 1fr;gap:8px 20px;align-items:center;padding:15px 8px 4px}
 .cw7-insight-index{grid-column:1/-1}.cw7-insight-icon{grid-column:1;margin:8px 0}.cw7-preview-insight h4{grid-column:2;max-width:none}
 .cw7-preview-insight p{grid-column:1/-1;min-height:0;margin-top:3px;max-width:none}
 .cw7-insight-rule{grid-column:1/-1;margin:5px 0}
 .cw7-insight-label{grid-column:1/-1}.cw7-insight-pills{grid-column:1/-1;margin-top:0}
 .cw7-insight-link{grid-column:1/-1;margin-top:12px}
 .cw7-page .cw5-last-card{grid-template-columns:1fr;gap:24px}
 .cw7-page .cw5-last h2{max-width:750px}.cw7-page .cw5-last-content{max-width:730px}
}
@media (max-width:600px){
 .cw7-showroom{margin:45px 0 0}
 .cw7-showroom-head{align-items:start;margin-bottom:17px;gap:8px}
 .cw7-showroom h3{font-size:32px;line-height:1.12}
 .cw7-showroom-head p{font-size:13px;line-height:1.65}
 .cw7-showroom-count{font-size:9px;padding:7px 9px;letter-spacing:.02em;margin-top:2px}
 .cw7-showroom-shell{border-radius:18px}
 .cw7-scene-switch{gap:4px;padding:6px}
 .cw7-switch{padding:9px 6px;min-height:57px;display:flex;gap:4px;align-items:center;justify-content:center;flex-direction:column;font-size:10px;text-align:center;border-radius:10px}
 .cw7-switch i{display:none}.cw7-switch span{font-size:9px}
 .cw7-showroom-body{padding:16px 12px 19px}
 .cw7-preview-wrap{padding:0;min-height:0;display:block}
 .cw7-live-browser{border-radius:10px;width:100%}
 .cw7-live-toolbar{height:30px;padding:0 10px;font-size:9px}
 .cw7-live-screen{height:290px}
 .cw7-page-top{height:40px;padding:0 13px}.cw7-page-top>span:first-child{font-size:20px}.cw7-mini-top-cta{font-size:8px;padding:5px}
 .cw7-mini-nav{display:none}
 .cw7-page-hero{height:223px}.cw7-page-content{max-width:90%;padding:13px 15px}.cw7-page-content>span:first-child{font-size:7px;margin-bottom:8px}
 .cw7-page-content strong{font-size:clamp(24px,6.8vw,34px);max-width:280px}.cw7-page-content>span:nth-of-type(2){font-size:9px;margin-top:8px;max-width:230px}
 .cw7-page-cta{padding:8px 10px;margin-top:12px;font-size:9px}
 .cw7-mini-bottom{height:27px;padding:0 10px;font-size:7px}.cw7-mini-bottom span:nth-child(2){font-size:8px}.cw7-mini-bottom span:last-child{display:none}
 .cw7-live-phone{display:none}
 .cw7-preview-insight{grid-template-columns:38px 1fr;gap:6px 13px;padding:17px 6px 1px}
 .cw7-insight-icon{width:37px;height:37px;border-radius:11px;font-size:19px}.cw7-preview-insight h4{font-size:24px}
 .cw7-preview-insight p{font-size:12px;line-height:1.7}.cw7-insight-pills span{font-size:9px}
 .cw7-showroom-bottom{flex-direction:column;align-items:flex-start;padding:11px 14px;gap:5px;font-size:8px}
 .cw7-page .cw5-last-card{padding:29px 19px;gap:22px;overflow:hidden}
 .cw7-page .cw5-last h2{font-size:clamp(31px,8.4vw,42px)}
 .cw7-page .cw7-brief{padding:17px 15px;border-radius:16px}
 .cw7-brief-options button{padding:9px 10px;font-size:10px}
 .cw7-brief-head strong{font-size:12px}.cw7-brief-head small{font-size:10px}
 .cw7-brief-send{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.cw7-page .cw5-type-card,.cw7-live-browser,.cw7-live-phone,.cw7-brief-send{transition:none!important}}
/* The mockups have their own dark photographic surface; never inherit
   the actual website's dark title color on this sub-canvas. */
.cw7-page .cw7-page-content strong{color:#fff!important}
.cw7-page .cw7-page-content>span:nth-of-type(2){color:#f4edf5!important}
.cw7-page .cw7-page-content>span:first-child{color:var(--cv-label)!important}
.cw7-page .cw7-showroom .cw7-showroom-head p{color:var(--cw-sub)}
.cw7-showroom,.cw7-brief{scroll-margin-top:118px}
.cw7-page .cw7-mini-top-cta,.cw7-page .cw7-page-cta{font-family:inherit;cursor:pointer;line-height:1.25}
.cw7-page .cw7-page-cta{border:0}
.cw7-page .cw7-mini-top-cta{background:transparent;color:inherit}
.cw7-page .cw7-mini-top-cta:hover,.cw7-page .cw7-page-cta:hover{filter:brightness(.9)}


/* CONTRASTELAB V108 — Editorial direction. Scoped only to /web/ */
.cw8-page{--cw8-stroke:rgba(209,179,255,.19);--cw8-white:#f9f5ff}
.cw8-page .cw5-hero{padding-bottom:72px;background:radial-gradient(ellipse 63% 76% at 77% 42%,rgba(82,47,134,.18),transparent 82%),#0b0911}
.cw8-page .cw5-hero:before{background-size:92px 92px;opacity:.56}
.cw8-page .cw5-hero h1{max-width:670px;letter-spacing:-.060em;font-weight:640;text-wrap:balance}
.cw8-page .cw5-hero-lead{max-width:610px;line-height:1.76}
.cw8-page .cw5-hero-content{position:relative;z-index:2}
.cw8-page .cw5-hero .cw5-eyebrow{padding:8px 13px;border:1px solid rgba(207,168,250,.21);border-radius:100px;background:rgba(166,110,229,.07)}
.cw8-page .cw5-hero-art{perspective:1200px}
.cw8-page .cw5-device-main{border:1px solid rgba(220,186,255,.27);box-shadow:0 30px 110px rgba(9,4,20,.62),0 0 60px rgba(165,91,241,.08);transition:transform .5s cubic-bezier(.15,.72,.2,1),box-shadow .5s}
.cw8-page .cw5-hero-art:hover .cw5-device-main{transform:translateY(-9px) rotateX(1.5deg) rotateY(-2deg);box-shadow:0 44px 110px rgba(0,0,0,.58),0 0 85px rgba(162,91,243,.14)}
.cw8-hero-art-index{position:absolute;z-index:3;top:11px;left:54px;font-size:9px;letter-spacing:.14em;color:#d0b6f2;font-weight:800}
.cw8-page .cw5-hero-proof{cursor:pointer;transition:transform .22s,background .22s;}
.cw8-page .cw5-hero-proof:hover{transform:translateY(-5px);background:#20162d}
.cw8-page .cw5-hero-proof:focus-visible{outline:2px solid #c59cff;outline-offset:3px}
.cw8-page .cw5-benefit-strip{background:linear-gradient(100deg,#151020,#100f19);border-bottom-color:rgba(220,195,255,.14)}
.cw8-page .cw5-benefit-grid>div{transition:transform .24s ease}
.cw8-page .cw5-benefit-grid>div:hover{transform:translateY(-3px)}
/* An elegant section map: helpful on a long commercial page, no layout shift. */
.cw8-section-nav{--cw8-nav-top:79px;position:sticky!important;top:var(--cw8-nav-top);z-index:36;background:rgba(14,12,21,.95);border-bottom:1px solid rgba(219,187,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cw8-section-nav-inner{display:flex;align-items:center;gap:20px;min-height:58px}
.cw8-nav-context{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;color:#c6aedc;font-weight:900;white-space:nowrap}
.cw8-nav-context span{color:#e3a0fa;font-size:15px}
.cw8-nav-links{flex:1;min-width:0;display:flex;align-items:center;gap:5px;overflow:auto hidden;scrollbar-width:none}
.cw8-nav-links::-webkit-scrollbar{display:none}
.cw8-nav-links a{display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:32px;padding:8px 12px;border:1px solid transparent;border-radius:8px;color:#b8aec5!important;font-size:11px;font-weight:750;transition:background .22s,color .22s}
.cw8-nav-links a:hover,.cw8-nav-links a.is-current{background:rgba(202,148,252,.12);border-color:rgba(202,148,252,.16);color:#f2e7fc!important}
.cw8-nav-contact{flex:none;display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(228,172,252,.25);padding:8px 11px;border-radius:9px;color:#e5baff!important;font-size:11px;font-weight:800}
.cw8-nav-contact:hover{background:rgba(207,163,244,.12)}
.cw8-nav-track{height:2px;background:rgba(221,200,246,.07);width:100%}
.cw8-nav-track>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff91d5,#b194ff,#89baff);transition:width .1s linear}
.cw8-page main [id]{scroll-margin-top:178px}
.cw8-page .cw5-section{padding-block:90px}
/* Less generic cards, clearer hierarchy, tactile yet readable */
.cw8-page .cw5-type-card{position:relative;overflow:hidden;border:1px solid rgba(215,188,244,.14);background:linear-gradient(145deg,#1b1725,#12111a);transition:border-color .3s,transform .4s,box-shadow .3s}
.cw8-page .cw5-type-card:hover{transform:translateY(-6px);border-color:rgba(202,158,247,.38);box-shadow:0 28px 66px rgba(0,0,0,.23),0 0 0 1px rgba(175,130,243,.07)}
.cw8-page .cw5-type-card:nth-child(2){background:linear-gradient(130deg,#1d1725,#151622)}
.cw8-page .cw5-type-card:nth-child(3){background:linear-gradient(145deg,#221523,#15121d)}
.cw8-page .cw5-type-card:nth-child(4){background:linear-gradient(145deg,#16192a,#14111d)}
.cw8-page .cw5-type-top{border-bottom-color:rgba(223,204,251,.08)}
.cw8-page .cw5-type-copy h3{font-size:clamp(21px,2vw,26px);letter-spacing:-.04em}
.cw8-page .cw5-type-copy p{line-height:1.65}
.cw8-page .cw7-showroom-head{margin-bottom:31px}
.cw8-page .cw7-showroom-shell{box-shadow:0 45px 100px rgba(0,0,0,.29),0 0 60px rgba(138,82,255,.05);border-color:rgba(213,160,249,.24)}
.cw8-page .cw7-scene-switch{background:#171121}
.cw8-page .cw7-showroom-body{background:radial-gradient(ellipse 42% 85% at 20% 48%,rgba(153,81,213,.13),transparent 84%),#1a1625}
.cw8-page .cw7-preview-insight h4{max-width:315px}
.cw8-page .cw7-insight-pills span{background:rgba(206,176,248,.10)}
/* Gentle, tied-to-actual-button visual response (not random pointer effects). */
.cw8-page .cw7-live-browser.cw8-scene-change .cw7-page-image,.cw8-page .cw7-live-browser.cw8-scene-change .cw7-page-content{animation:cw8-scene-enter .4s ease both}
.cw8-page .cw7-live-browser.cw8-scene-change .cw7-page-content{animation-delay:.055s}
@keyframes cw8-scene-enter{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Real work with image priority; case study labels remain transparent. */
.cw8-page .cw5-work-grid{gap:22px}
.cw8-page .cw5-project{border-radius:20px;overflow:hidden;border:1px solid rgba(219,196,248,.13);background:linear-gradient(160deg,#16141e,#111019);transition:transform .35s,box-shadow .35s}
.cw8-page .cw5-project:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(0,0,0,.26)}
.cw8-page .cw5-project-info{min-height:160px;align-items:flex-start}
.cw8-page .cw5-project-info>a{background:rgba(210,165,248,.08);border-color:rgba(221,187,247,.22)}
.cw8-page .cw5-work-bottom{margin-top:35px}
.cw8-page .cw5-process-steps li{padding-block:28px}
.cw8-page .cw5-step-count{background:linear-gradient(135deg,rgba(199,132,255,.23),rgba(112,124,255,.07));border-color:rgba(186,137,245,.35)}
.cw8-page .cw5-faq-items summary:hover{color:#dabafc}
.cw8-page .cw5-last-card{box-shadow:0 22px 90px rgba(95,38,138,.08);border-color:rgba(232,183,251,.24)}
/* Theme parity: all new elements follow site-wide theme automatically */
html[data-theme="light"] .cw8-page .cw5-hero{background:radial-gradient(ellipse 60% 78% at 75% 30%,rgba(213,177,251,.2),transparent 77%),#faf8fd}
html[data-theme="light"] .cw8-page .cw5-benefit-strip{background:linear-gradient(115deg,#f4f0fa,#faf7fc)}
html[data-theme="light"] .cw8-section-nav{background:rgba(250,248,253,.97);border-color:#e4dce9}
html[data-theme="light"] .cw8-nav-context{color:#7c648a}
html[data-theme="light"] .cw8-nav-links a{color:#61516e!important}
html[data-theme="light"] .cw8-nav-links a:hover,html[data-theme="light"] .cw8-nav-links a.is-current{background:#eee4f8;border-color:#e1cff2;color:#47285c!important}
html[data-theme="light"] .cw8-nav-contact{color:#70469b!important;border-color:#d4bbeb}
html[data-theme="light"] .cw8-nav-track{background:#eee3f3}
html[data-theme="light"] .cw8-page .cw5-type-card{background:linear-gradient(145deg,#fff,#f6f2fb);border-color:#e7dfed}
html[data-theme="light"] .cw8-page .cw5-type-card:nth-child(2){background:linear-gradient(135deg,#fff,#f5f1fc)}
html[data-theme="light"] .cw8-page .cw5-type-card:nth-child(3){background:linear-gradient(135deg,#fff,#faf0f7)}
html[data-theme="light"] .cw8-page .cw5-type-card:nth-child(4){background:linear-gradient(135deg,#fff,#f0f4fc)}
html[data-theme="light"] .cw8-page .cw5-project{background:#fff;border-color:#e7deef}
html[data-theme="light"] .cw8-page .cw5-faq-items summary:hover{color:#8452ad}
@media(max-width:1250px){.cw8-nav-context{display:none}.cw8-section-nav-inner{gap:8px}.cw8-nav-links a{padding:7px 9px;font-size:10px}}
@media(max-width:991px){.cw8-section-nav{--cw8-nav-top:78px}.cw8-nav-contact{display:none}.cw8-page .cw5-hero h1{max-width:740px}}
@media(max-width:767px){
 .cw8-page .cw5-hero{padding-bottom:45px}.cw8-page .cw5-hero h1{letter-spacing:-.051em}
 .cw8-section-nav{--cw8-nav-top:77px}.cw8-section-nav-inner{min-height:47px;padding-inline:14px!important}
 .cw8-nav-links{gap:3px;scroll-snap-type:x proximity}.cw8-nav-links a{font-size:10px;padding:7px 11px;scroll-snap-align:start}
 .cw8-page main [id]{scroll-margin-top:165px}
 .cw8-page .cw5-section{padding-block:67px}
 .cw8-hero-art-index{top:2px;left:30px;font-size:7px;letter-spacing:.08em}
 .cw8-page .cw5-type-card:hover,.cw8-page .cw5-project:hover{transform:none}
 .cw8-page .cw5-project-info{min-height:0}
 .cw8-page .cw7-showroom-head{margin-bottom:20px}
}
@media (prefers-reduced-motion:reduce){.cw8-page .cw7-live-browser.cw8-scene-change .cw7-page-image,.cw8-page .cw7-live-browser.cw8-scene-change .cw7-page-content{animation:none}.cw8-page .cw5-type-card,.cw8-page .cw5-project,.cw8-page .cw5-device-main{transition:none!important}}

/* Make horizontal section navigation discoverable and keep anchored section headings clear. */
@media(max-width:991px){.cw8-nav-links{mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%)}}

/* V108 case-study composition: meaningful space, not an empty pink panel. */
.cw8-page .cw5-project-cover-hogareza:after{display:none}
.cw8-page .cw8-case-story{position:absolute;z-index:2;bottom:29px;left:32px;width:calc(100% - 170px);display:flex;flex-direction:column;gap:9px;color:#48283f;pointer-events:none}
.cw8-page .cw8-case-story span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#9b4778}
.cw8-page .cw8-case-story strong{max-width:375px;font-size:clamp(21px,2.2vw,29px);letter-spacing:-.06em;line-height:1.06;font-weight:750;color:#512641;text-wrap:balance}
@media(max-width:991px){
 .cw8-page .cw8-case-story{left:22px;bottom:17px;width:calc(100% - 155px)}
 .cw8-page .cw8-case-story strong{font-size:19px}
}
@media(max-width:767px){
 .cw8-page .cw8-case-story{left:21px;bottom:20px;width:calc(100% - 128px)}
 .cw8-page .cw8-case-story strong{display:none}
 .cw8-page .cw8-case-story span{font-size:8px;letter-spacing:.08em}
}


/* CONTRASTELAB V109 — editorial refinement, scoped to service Web ONLY */
.cw9-page{--cw9-accent:#c89eff}
/* More confident presentation with restrained glow and consistent section width */
.cw9-page .cw5-hero-grid{gap:35px}
.cw9-page .cw5-hero-content{align-self:center}
.cw9-page .cw5-hero-content h1{font-weight:690;letter-spacing:-.063em;line-height:1.06}
.cw9-page .cw5-hero-lead{font-size:clamp(15px,1.18vw,17px);max-width:570px;line-height:1.7}
.cw9-page .cw5-hero-actions{margin-top:31px}
.cw9-page .cw5-hero-art{filter:drop-shadow(0 24px 54px rgba(84,42,161,.12))}
.cw9-page .cw5-device-main{border-color:rgba(221,189,255,.35)}
.cw9-page .cw5-hero-proof{transition:transform .28s,box-shadow .28s}
.cw9-page .cw5-hero-proof:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.3)}
/* Four genuinely distinct demos, no stock screenshots misrepresented as client work */
.cw9-page .cw7-scene-switch{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.cw9-page .cw7-switch{min-width:0;padding-inline:13px;gap:9px}
.cw9-page .cw7-switch i{font-size:14px}
.cw9-shop-art{display:none;position:absolute;right:0;top:0;width:55%;height:100%;z-index:0;align-items:center;justify-content:center;gap:10px;padding:30px 13px 24px 4px;transform:rotate(-6deg)}
.cw9-shop-card{background:#f9f4e9;border:1px solid #d8c8ab;box-shadow:0 12px 19px rgba(82,50,24,.19);height:190px;flex:1;max-width:135px;min-width:0;padding:15px 10px;display:flex;flex-direction:column;gap:5px;align-items:center;color:#352619;border-radius:4px}
.cw9-shop-card:nth-child(2){transform:translateY(-16px)}
.cw9-shop-card:nth-child(3){transform:translateY(12px)}
.cw9-shop-card>span{font-size:7px;letter-spacing:.17em;font-weight:850;margin-top:auto}
.cw9-shop-card>strong{font-family:Georgia,serif;font-weight:500;font-size:14px;white-space:nowrap}
.cw9-shop-card i{position:relative;display:block;margin:auto}
.cw9-vase{height:73px;width:48px;background:linear-gradient(90deg,#a66d4e,#ce9c72 43%,#aa7859);clip-path:polygon(35% 0,65% 0,62% 25%,82% 38%,86% 63%,76% 100%,25% 100%,13% 62%,18% 37%,38% 25%);border-radius:5px 5px 12px 12px}
.cw9-lamp{width:74px;height:78px}
.cw9-lamp:before{content:"";position:absolute;left:8px;top:5px;width:57px;height:45px;background:#d5ba8f;clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);border-radius:5px}
.cw9-lamp:after{content:"";position:absolute;left:33px;top:47px;width:8px;height:28px;background:#8d775f;box-shadow:0 25px 0 11px #8d775f;clip-path:inset(0 0 0)}
.cw9-orbit{height:77px;width:72px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f9d0b6,#b66c51 70%);box-shadow:inset -14px -7px 15px rgba(109,46,19,.26),0 12px 20px rgba(97,43,24,.12)}
.cw9-page .cw7-live-browser[data-current-scene="shop"]{--cv-bg:#f1eadd;--cv-fg:#382d20;--cv-accent:#31261f;--cv-label:#87663e}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-top>span:first-child{font-family:Georgia,serif;letter-spacing:-.07em;font-size:25px}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-hero{background:radial-gradient(circle at 75% 48%,#ddc6ab,#e7dac6 50%,#f1eadd)}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-image,.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-overlay{display:none}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw9-shop-art{display:flex}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content{color:#35281e;max-width:55%;z-index:2;padding-left:25px}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content>span:first-child{color:#8d5f3f}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content strong{font-family:Georgia,serif;font-size:clamp(25px,2.6vw,37px);line-height:1.06}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content>span:nth-of-type(2){font-size:10px;color:#685344}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-cta{color:#fdf6ec;border-radius:5px}
.cw9-page .cw7-live-phone[data-current-scene="shop"] .cw7-phone-photo{background:radial-gradient(circle at 40% 32%,#d7aa87,#aa6749)!important}
.cw9-page .cw7-live-phone[data-current-scene="shop"] .cw7-phone-photo:after{content:"";display:block;margin:9px auto;width:28px;height:45px;background:linear-gradient(90deg,#a66d4e,#ce9c72 43%,#aa7859);clip-path:polygon(35% 0,65% 0,62% 25%,82% 38%,86% 63%,76% 100%,25% 100%,13% 62%,18% 37%,38% 25%)}
/* Portfolio: intentionally compact three-across editorial gallery; removes giant unused pink space. */
@media(min-width:1120px){
 .cw9-page .cw5-work-grid{grid-template-columns:1.17fr 1fr 1fr;grid-template-rows:auto;align-items:stretch;gap:17px}
 .cw9-page .cw5-project-main{grid-row:auto}
 .cw9-page .cw5-project{display:flex;flex-direction:column;min-width:0}
 .cw9-page .cw5-project-main .cw5-project-cover,.cw9-page .cw5-project:not(.cw5-project-main) .cw5-project-cover{height:323px;min-height:323px;flex:none}
 .cw9-page .cw5-project-info{flex:1;min-height:159px;padding:23px 20px}
 .cw9-page .cw5-project-info h3{font-size:24px}
 .cw9-page .cw5-project-info p{font-size:12px;line-height:1.55}
 .cw9-page .cw5-project-cover-hogareza{padding:25px 14px 0}
 .cw9-page .cw5-project-cover-hogareza>img{margin-top:15px;height:275px;object-fit:cover;object-position:top center}
 .cw9-page .cw5-project-browser-bar{top:25px;left:14px;right:14px}
 .cw9-page .cw8-case-story{bottom:0;left:0;right:0;width:100%;padding:13px 18px;background:linear-gradient(180deg,rgba(248,219,232,.91),#f8dce7);gap:3px;border-top:1px solid #efd0df}
 .cw9-page .cw8-case-story strong{font-size:18px;max-width:none}
 .cw9-page .cw8-case-story span{font-size:8px}
 .cw9-page .cw5-project-visit{bottom:20px;right:9px;font-size:8px;padding:8px 11px}
 .cw9-page .cw6-preview-top img{max-width:135px}
 .cw9-page .cw6-preview-top span{font-size:7px}
 .cw9-page .cw6-preview-viv-inner strong{font-size:27px}
 .cw9-page .cw6-preview-kova-top img{width:138px}
 .cw9-page .cw6-preview-kova-top span{font-size:7px}
 .cw9-page .cw6-preview-dashboard{left:10%;top:78px;right:-31%;bottom:-70px}
}
@media(min-width:768px) and (max-width:1119px){
 .cw9-page .cw5-work-grid{grid-template-columns:1fr 1fr;gap:16px}
 .cw9-page .cw5-project-main{grid-row:span 2}
 .cw9-page .cw5-project-main .cw5-project-cover{min-height:520px}
}
/* Clear, modestly personalized handoff; works without network or data persistence */
.cw9-brief-business{display:flex;flex-direction:column;gap:7px;margin:5px 0 3px;font-size:11px;font-weight:850;color:var(--cw-ink)}
.cw9-brief-business small{font-size:10px;font-weight:500;color:var(--cw-sub)}
.cw9-brief-business input{display:block;background:rgba(255,255,255,.07);border:1px solid rgba(211,185,244,.22);border-radius:11px;padding:12px 13px;color:var(--cw-ink);font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;width:100%;min-width:0;min-height:40px;outline:none}
.cw9-brief-business input:focus-visible{border-color:#cba5f5;box-shadow:0 0 0 3px rgba(185,133,242,.12)}
.cw9-brief-business input::placeholder{color:var(--cw-sub);opacity:.9}
.cw9-brief-tip{display:block;color:var(--cw-sub);font-size:10px;line-height:1.4}
.cw9-brief-copy{display:flex;align-items:center;justify-content:space-between;min-height:33px;gap:9px;padding:0 4px;border:0;border-bottom:1px solid rgba(186,135,240,.28);background:transparent;font-size:11px;font-weight:750;color:var(--cw-ink);cursor:pointer;width:max-content;text-align:left}
.cw9-brief-copy:hover{color:#ca96fa;border-bottom-color:#b98fea}
.cw9-copy-feedback{min-height:0;font-size:11px;color:#cba3fb}
html[data-theme="light"] .cw9-brief-business input{background:#fff;border-color:#dccce9;color:#2d223b}
html[data-theme="light"] .cw9-copy-feedback{color:#7444a3}
@media(max-width:767px){
 .cw9-page .cw7-scene-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}
 .cw9-page .cw7-switch{min-height:42px;padding-inline:11px;font-size:12px}
 .cw9-page .cw5-project-main .cw5-project-cover{height:310px;min-height:310px;flex:none}
 .cw9-page .cw5-project-cover-hogareza{padding-bottom:0}
 .cw9-page .cw5-project-cover-hogareza>img{height:260px;object-fit:cover;object-position:top center}
 .cw9-page .cw8-case-story{bottom:0;left:0;width:100%;padding:12px 16px;background:#f8dbe7}
 .cw9-page .cw8-case-story strong{display:block;font-size:17px}
 .cw9-page .cw5-project-visit{font-size:9px;bottom:13px}
 .cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content{max-width:65%;padding-left:17px}
 .cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content strong{font-size:22px}
 .cw9-shop-art{width:52%;gap:3px;padding:35px 2px 27px 0}
 .cw9-shop-card{padding:7px 3px;height:145px}
 .cw9-shop-card:nth-child(3){display:none}
 .cw9-shop-card>span{font-size:5px}
 .cw9-shop-card>strong{font-size:9px}
 .cw9-shop-card i{transform:scale(.67)}
}
@media(prefers-reduced-motion:reduce){.cw9-page .cw5-hero-proof{transition:none}}

/* Final optical corrections — scene-specific contrast and phone footprint */
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content strong{color:#32271e!important;text-shadow:none!important}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content #cw7-page-desc{color:#654d3d!important;opacity:1!important}
.cw9-page .cw7-live-browser[data-current-scene="shop"] .cw7-page-content #cw7-page-eyebrow{color:#825b3a!important}
.cw9-page .cw7-live-phone[data-current-scene="shop"] #cw7-phone-title{color:#30241c!important}
@media(max-width:767px){
 .cw9-page .cw8-case-story{padding:12px 16px}
 .cw9-page .cw8-case-story strong{display:none!important}
 .cw9-page .cw8-case-story span{font-size:9px}
 .cw9-page .cw5-project-main .cw5-project-cover{height:302px;min-height:302px}
 .cw9-page .cw5-project-cover-hogareza>img{height:270px}
}


/* CONTRASTELAB V110 — visual assets integrated, no fake client mockups */
.cw10-page .cw5-type-visual{padding:0;overflow:hidden;position:relative;min-height:272px;background:#120c18;border-radius:22px;border:1px solid rgba(220,190,255,.13)}
.cw10-page .cw10-type-photo img{display:block;width:100%;height:100%;min-height:272px;object-fit:cover;object-position:center}
.cw10-page .cw10-type-badge{position:absolute;left:16px;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;background:rgba(11,11,16,.72);backdrop-filter:blur(10px);border:1px solid rgba(233,213,255,.18);font-size:10px;letter-spacing:.18em;font-weight:800;color:#f5eaff;text-align:center}
.cw10-gallery{margin-top:38px;padding:32px;border-radius:32px;background:linear-gradient(180deg,rgba(25,18,34,.95),rgba(17,13,24,.98));border:1px solid rgba(220,190,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.26)}
.cw10-gallery-head h3{margin:10px 0 10px;font-size:clamp(30px,4vw,50px);line-height:1.02;letter-spacing:-.05em}
.cw10-gallery-head p{max-width:840px;color:var(--cw-sub);font-size:15px;line-height:1.75}
.cw10-gallery-grid{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cw10-gallery-card{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:stretch;background:rgba(255,255,255,.03);border:1px solid rgba(220,190,255,.1);border-radius:24px;overflow:hidden;min-height:260px}
.cw10-gallery-card img{width:100%;height:100%;object-fit:cover;display:block}
.cw10-gallery-card div{padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:center;gap:9px}
.cw10-gallery-card span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#cfb0f4}
.cw10-gallery-card h4{margin:0;font-size:28px;line-height:1.03;letter-spacing:-.04em}
.cw10-gallery-card p{margin:0;color:var(--cw-sub);font-size:14px;line-height:1.65}
.cw10-gallery-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(220,190,255,.12)}
.cw10-gallery-foot span{font-size:11px;letter-spacing:.2em;font-weight:900;color:#f3e9ff}
.cw10-gallery-foot p{margin:0;max-width:720px;color:var(--cw-sub);font-size:14px;line-height:1.65}
.cw10-principles-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) 240px;gap:26px;align-items:stretch}
.cw10-principles-copy,.cw10-principles-list article,.cw10-principles-figure{border-radius:28px;border:1px solid rgba(220,190,255,.12);background:linear-gradient(180deg,rgba(25,18,34,.92),rgba(14,12,20,.98));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.cw10-principles-copy{padding:28px}
.cw10-principles-copy h2{margin:12px 0 14px;font-size:clamp(31px,3.4vw,52px);line-height:1.03;letter-spacing:-.05em}
.cw10-principles-copy p{margin:0 0 22px;color:var(--cw-sub);font-size:15px;line-height:1.75}
.cw10-principles-copy a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,#ecb9ff,#85c4ff);color:#130d1d;font-weight:800}
.cw10-principles-list{display:grid;gap:16px}
.cw10-principles-list article{padding:22px}
.cw10-principles-list article span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(206,167,255,.16);color:#f2e7ff;font-size:12px;font-weight:800;margin-bottom:14px}
.cw10-principles-list article h3{margin:0 0 8px;font-size:22px}
.cw10-principles-list article p{margin:0;color:var(--cw-sub);font-size:14px;line-height:1.7}
.cw10-principles-figure{padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}
.cw10-principles-figure img{display:block;width:min(100%,170px);height:auto}
.cw10-principles-figure figcaption{color:var(--cw-sub);font-size:13px;line-height:1.6}
.cw10-page .cw10-project-brand{position:relative;overflow:hidden;padding:0;background:linear-gradient(180deg,#1b1325,#100d16)}
.cw10-project-brand-shell{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:28px;gap:15px;position:relative;z-index:1}
.cw10-project-brand-shell img{width:auto;max-width:175px;height:auto;display:block}
.cw10-project-brand-type{font-size:10px;letter-spacing:.19em;font-weight:800;color:#cdb0ef}
.cw10-project-brand-shell strong{font-size:28px;line-height:1.06;letter-spacing:-.04em}
.cw10-project-brand-shell ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cw10-project-brand-shell li{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(220,190,255,.1);font-size:11px;color:#f5eeff}
.cw10-project-brand-viv:before,.cw10-project-brand-kova:before{content:"";position:absolute;inset:-10% auto auto -10%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,188,255,.26),rgba(240,188,255,0));pointer-events:none}
.cw10-project-brand-viv{background:radial-gradient(circle at 80% 18%,rgba(247,214,231,.16),transparent 35%),linear-gradient(180deg,#160f19,#0f0b12)}
.cw10-project-brand-kova{background:radial-gradient(circle at 80% 18%,rgba(139,202,255,.18),transparent 35%),linear-gradient(180deg,#11121a,#0c0d12)}
html[data-theme="light"] .cw10-gallery,html[data-theme="light"] .cw10-principles-copy,html[data-theme="light"] .cw10-principles-list article,html[data-theme="light"] .cw10-principles-figure{background:linear-gradient(180deg,#fff,#f7f3fb);border-color:#e5d9ef;box-shadow:0 16px 42px rgba(91,77,112,.08)}
html[data-theme="light"] .cw10-gallery-card{background:#fff;border-color:#e7deef}
html[data-theme="light"] .cw10-gallery-head p,html[data-theme="light"] .cw10-gallery-card p,html[data-theme="light"] .cw10-gallery-foot p,html[data-theme="light"] .cw10-principles-copy p,html[data-theme="light"] .cw10-principles-list article p,html[data-theme="light"] .cw10-principles-figure figcaption{color:#645876}
html[data-theme="light"] .cw10-gallery-card span,html[data-theme="light"] .cw10-gallery-foot span,html[data-theme="light"] .cw10-project-brand-type{color:#7f5ea8}
html[data-theme="light"] .cw10-project-brand{background:linear-gradient(180deg,#f7f1fd,#eee6f7);border-color:#e2d5ee}
html[data-theme="light"] .cw10-project-brand-shell strong{color:#2d223b}
html[data-theme="light"] .cw10-project-brand-shell li{background:rgba(94,66,123,.06);border-color:#e0d3eb;color:#524464}
@media (max-width: 991px){
 .cw10-gallery-grid{grid-template-columns:1fr}
 .cw10-principles-grid{grid-template-columns:1fr}
 .cw10-principles-figure{max-width:420px}
}
@media (max-width: 767px){
 .cw10-page .cw10-type-badge{left:12px;right:12px;bottom:12px;font-size:9px;letter-spacing:.13em;padding:8px 10px}
 .cw10-gallery{padding:18px;border-radius:26px}
 .cw10-gallery-head h3{font-size:30px}
 .cw10-gallery-card{grid-template-columns:1fr;min-height:0}
 .cw10-gallery-card img{aspect-ratio:4/5;height:auto}
 .cw10-gallery-card div{padding:18px}
 .cw10-gallery-card h4{font-size:24px}
 .cw10-gallery-foot{display:block}
 .cw10-gallery-foot p{margin-top:10px}
 .cw10-principles-copy{padding:22px}
 .cw10-principles-copy h2{font-size:30px}
 .cw10-project-brand-shell{padding:22px}
 .cw10-project-brand-shell strong{font-size:24px}
}

/* V111 · Editorial simplification / no repeated illustrations */
.cw11-page .cw5-types{padding-bottom:clamp(72px,8vw,122px)}
.cw11-page .cw5-types-grid{gap:clamp(16px,2vw,22px)}
.cw11-page .cw5-type-card{border-radius:26px;isolation:isolate}
.cw11-page .cw5-type-card:hover{transform:translateY(-4px);border-color:rgba(198,153,246,.48)}
.cw11-page .cw5-type-visual{height:clamp(260px,22vw,345px);min-height:0;border:0;border-radius:0;overflow:hidden;position:relative}
.cw11-page .cw10-type-photo img{height:100%;width:100%;min-height:0;object-fit:cover;object-position:center 42%;transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:saturate(.94)}
.cw11-page .cw5-type-card:hover .cw10-type-photo img{transform:scale(1.045)}
.cw11-page .cw5-type-copy{padding:26px 29px 29px}
.cw11-page .cw5-type-copy h3{font-size:clamp(25px,2.2vw,33px);line-height:1.07;letter-spacing:-.035em}
.cw11-page .cw5-type-copy p{font-size:15px;line-height:1.65}
.cw11-page .cw5-type-examples{font-size:11px;letter-spacing:.01em}
.cw11-page .cw5-type-top{z-index:3}
.cw11-page .cw10-type-badge{font-size:9px;max-width:max-content;right:auto;left:14px;bottom:14px;letter-spacing:.1em;padding:8px 11px;max-width:calc(100% - 28px)}
.cw11-page .cw5-types-bottom{margin-top:27px}
.cw11-page .cw10-principles-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px}
.cw11-page .cw10-principles-list article{padding:22px 25px}
.cw11-page .cw10-principles-copy{display:flex;flex-direction:column;justify-content:center;padding:32px}
.cw11-page .cw10-principles-copy a{align-self:flex-start}
.cw11-page .cw5-hero-art .cw5-device-main{transform:rotate(-3deg)}
.cw11-page .cw5-hero-mascot{pointer-events:none}
@media(max-width:991px){.cw11-page .cw10-principles-grid{grid-template-columns:1fr}}
@media(max-width:767px){
  .cw11-page .cw5-type-card{border-radius:22px}
  .cw11-page .cw5-type-visual{height:260px}
  .cw11-page .cw10-type-photo img{object-position:center 35%}
  .cw11-page .cw5-type-copy{padding:20px 22px 24px}
  .cw11-page .cw5-type-copy h3{font-size:24px}
  .cw11-page .cw5-type-copy p{font-size:14px}
  .cw11-page .cw10-principles-copy{padding:22px}
}
@media(prefers-reduced-motion:reduce){.cw11-page .cw10-type-photo img{transition:none}}


/* V112 — ContrasteLab bento. Unique visuals as real image assets; no fake web UI drawn in CSS. */
.cw12-page .cw12-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.cw12-page .cw12-tile{color:#fff;position:relative;isolation:isolate;display:flex;align-items:flex-start;overflow:hidden;min-width:0;border-radius:26px;box-shadow:0 18px 55px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12);transition:transform .25s ease,box-shadow .25s ease}
.cw12-page .cw12-tile:hover{transform:translateY(-4px);box-shadow:0 27px 65px rgba(0,0,0,.27)}
.cw12-page .cw12-tile:focus-within{outline:2px solid #fff;outline-offset:4px}
.cw12-page .cw12-tile-featured{grid-column:1/-1;min-height:430px;background:#6941c7}
.cw12-page .cw12-tile-booking{min-height:515px;background:#436dcc}
.cw12-page .cw12-tile-campaign{min-height:515px;background:#d39137}
.cw12-page .cw12-tile-platform{grid-column:1/-1;min-height:275px;background:#34306f}
.cw12-page .cw12-art{position:absolute;display:block;z-index:0;pointer-events:none;object-fit:cover;max-width:none}
.cw12-page .cw12-art-web{inset:0 0 0 auto;width:100%;height:100%;object-position:center}
.cw12-page .cw12-tile-featured:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(88,52,182,.9) 0%,rgba(88,52,182,.83) 27%,rgba(88,52,182,.28) 59%,transparent 100%);pointer-events:none}
.cw12-page .cw12-art-booking{width:100%;height:95%;bottom:-12%;left:0;object-position:center 38%;filter:saturate(.92);-webkit-mask-image:linear-gradient(0deg,#000 32%,rgba(0,0,0,.85) 56%,transparent 100%);mask-image:linear-gradient(0deg,#000 32%,rgba(0,0,0,.85) 56%,transparent 100%)}
.cw12-page .cw12-art-campaign{width:100%;height:100%;bottom:-18%;left:0;object-position:center 38%;filter:saturate(.9);-webkit-mask-image:linear-gradient(0deg,#000 29%,rgba(0,0,0,.82) 55%,transparent 96%);mask-image:linear-gradient(0deg,#000 29%,rgba(0,0,0,.82) 55%,transparent 96%)}
.cw12-page .cw12-art-platform{width:45%;height:145%;right:0;bottom:-44%;object-position:center 43%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 31%);mask-image:linear-gradient(90deg,transparent 0%,#000 31%)}
.cw12-page .cw12-tile-platform:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#34306f 0%,rgba(52,48,111,.9) 46%,rgba(52,48,111,.24) 100%);z-index:1;pointer-events:none}
.cw12-page .cw12-tile-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:36px 37px;width:100%}
.cw12-page .cw12-tile-featured .cw12-tile-copy{padding:48px 52px;max-width:590px;min-height:430px}
.cw12-page .cw12-tile-platform .cw12-tile-copy{padding:36px 42px;max-width:700px;min-height:275px;justify-content:center}
.cw12-page .cw12-index{font-size:10px;font-weight:850;letter-spacing:.17em;color:rgba(255,255,255,.75)}
.cw12-page .cw12-tile h3{margin:18px 0 12px;color:#fff;font-size:clamp(27px,2.75vw,40px);letter-spacing:-.054em;line-height:1.075;font-weight:750;max-width:480px}
.cw12-page .cw12-tile-featured h3{font-size:clamp(40px,4.2vw,61px);max-width:530px}
.cw12-page .cw12-tile-platform h3{font-size:clamp(30px,3vw,44px);max-width:600px}
.cw12-page .cw12-tile h3 em{font-style:normal;color:#fff}
.cw12-page .cw12-tile p{font-size:15px;line-height:1.62;max-width:415px;color:rgba(255,255,255,.92);margin:0 0 20px}
.cw12-page .cw12-action{display:inline-flex;align-items:center;gap:18px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;text-decoration:none;font-size:13px;font-weight:800;padding:12px 17px;min-height:44px;transition:background .22s,transform .22s}
.cw12-page .cw12-action:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);color:#fff}
.cw12-page .cw12-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cw12-page .cw12-tile-stamp{position:absolute;z-index:2;right:22px;top:24px;font-size:9px;letter-spacing:.15em;font-weight:850;color:#fff;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.22);padding:9px 13px;border-radius:999px}
.cw12-page .cw12-meta{font-size:11px;letter-spacing:.02em;font-weight:650;margin-top:auto;padding-top:16px;color:rgba(255,255,255,.82)}
.cw12-page .cw12-tile-booking .cw12-tile-copy,.cw12-page .cw12-tile-campaign .cw12-tile-copy{min-height:515px}
.cw12-page .cw12-tile-booking .cw12-tile-copy p,.cw12-page .cw12-tile-campaign .cw12-tile-copy p{max-width:350px}
.cw12-page .cw12-tile-booking .cw12-action,.cw12-page .cw12-tile-campaign .cw12-action{margin-top:0}
.cw12-page .cw12-tile-booking:after,.cw12-page .cw12-tile-campaign:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(54,98,200,.32),transparent 53%);pointer-events:none}
.cw12-page .cw12-tile-campaign:after{background:linear-gradient(180deg,rgba(199,117,34,.36),transparent 54%)}
html[data-theme="light"] .cw12-page .cw12-tile,html[data-theme="light"] .cw12-page .cw12-tile h3,html[data-theme="light"] .cw12-page .cw12-tile p{color:#fff}
@media (max-width:991px){
 .cw12-page .cw12-tile-featured{min-height:380px}
 .cw12-page .cw12-tile-featured .cw12-tile-copy{min-height:380px;padding:37px 36px;max-width:50%}
 .cw12-page .cw12-tile-featured h3{font-size:clamp(34px,4.8vw,49px)}
 .cw12-page .cw12-tile-copy{padding:27px}
 .cw12-page .cw12-tile-booking,.cw12-page .cw12-tile-campaign,.cw12-page .cw12-tile-booking .cw12-tile-copy,.cw12-page .cw12-tile-campaign .cw12-tile-copy{min-height:485px}
 .cw12-page .cw12-art-platform{width:53%}
}
@media (max-width:700px){
 .cw12-page .cw12-bento{grid-template-columns:1fr;gap:13px;margin-top:26px}
 .cw12-page .cw12-tile{border-radius:23px;grid-column:1!important}
 .cw12-page .cw12-tile-featured{min-height:510px;align-items:flex-start}
 .cw12-page .cw12-art-web{height:65%;width:100%;top:auto;bottom:0;object-position:77% 40%}
 .cw12-page .cw12-tile-featured:before{background:linear-gradient(180deg,rgba(97,57,189,.98) 0%,rgba(97,57,189,.96) 28%,rgba(97,57,189,.48) 62%,transparent 100%)}
 .cw12-page .cw12-tile-featured .cw12-tile-copy{padding:27px 26px;max-width:100%;min-height:510px}
 .cw12-page .cw12-tile h3{margin-top:14px;font-size:29px;max-width:380px}
 .cw12-page .cw12-tile-featured h3{font-size:40px;max-width:330px}
 .cw12-page .cw12-tile p{font-size:14px;max-width:345px;line-height:1.53;margin-bottom:15px}
 .cw12-page .cw12-tile-stamp{top:auto;bottom:19px;right:18px;font-size:8px}
 .cw12-page .cw12-tile-featured .cw12-meta{display:none}
 .cw12-page .cw12-tile-booking,.cw12-page .cw12-tile-campaign,.cw12-page .cw12-tile-booking .cw12-tile-copy,.cw12-page .cw12-tile-campaign .cw12-tile-copy{min-height:435px}
 .cw12-page .cw12-art-booking,.cw12-page .cw12-art-campaign{height:79%;bottom:-17%}
 .cw12-page .cw12-tile-platform,.cw12-page .cw12-tile-platform .cw12-tile-copy{min-height:370px}
 .cw12-page .cw12-tile-platform .cw12-tile-copy{padding:27px 26px;justify-content:flex-start}
 .cw12-page .cw12-art-platform{height:90%;width:85%;bottom:-34%;right:-18%}
 .cw12-page .cw12-tile-platform:before{background:linear-gradient(180deg,#34306f 0%,rgba(52,48,111,.94) 36%,rgba(52,48,111,.1) 100%)}
}
@media (prefers-reduced-motion:reduce){.cw12-page .cw12-tile,.cw12-page .cw12-action{transition:none}}

/* V113 — One CTA, same Mini Bot flow as the home. Page Web only. */
.cw13-page .cl-ai-dx:not(.is-fullscreen){display:none!important}
.cw13-page .cl-ai-dx.is-fullscreen{display:block!important}
.cw13-page .cw13-last{padding-top:clamp(24px,4vw,58px)}
.cw13-page .cw13-last-card{position:relative;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(290px,.83fr);gap:clamp(24px,3.8vw,60px);align-items:center;overflow:hidden;min-height:440px;padding:clamp(32px,5vw,66px);border-radius:28px;background:radial-gradient(ellipse at 83% 55%,rgba(138,89,238,.24),transparent 57%),linear-gradient(117deg,#1a1325,#15101d 63%,#22152e);border:1px solid rgba(224,180,255,.24)}
.cw13-page .cw13-last-content{max-width:620px;position:relative;z-index:2}
.cw13-page .cw13-last-content h2{font-size:clamp(34px,4vw,57px);line-height:1.07;letter-spacing:-.055em;margin:13px 0 15px}
.cw13-page .cw13-last-content>p{font-size:clamp(14px,1.14vw,16px);line-height:1.75;max-width:52ch;color:#c5bacc;margin:0 0 22px}
.cw13-page .cw13-online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a2ffd8;box-shadow:0 0 0 4px rgba(136,249,198,.12),0 0 16px rgba(123,255,197,.4);margin-right:8px}
.cw13-page .cw13-last-metrics{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.cw13-page .cw13-last-metrics span{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e9def4;font-size:12px}
.cw13-page .cw13-last-metrics b{color:#e8b8fd;font-size:12px;letter-spacing:.03em}
.cw13-page .cw13-last-content .cw5-last-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:0}
.cw13-page .cw13-last-note{display:block;margin-top:16px;color:#a9a1b6;font-size:11px;line-height:1.6}
.cw13-page .cw13-last-visual{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;isolation:isolate;min-height:320px}
.cw13-page .cw13-last-visual:before{content:"";position:absolute;z-index:-1;width:min(100%,340px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(192,108,239,.24) 0%,rgba(116,79,255,.08) 52%,transparent 72%);filter:blur(10px)}
.cw13-page .cw13-last-visual>img{display:block;width:min(92%,305px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(0,0,0,.36));transition:transform .35s ease}
.cw13-page .cw13-last-visual:hover>img{transform:translateY(-5px)}
.cw13-page .cw13-mini-status{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:-5px;border:1px solid rgba(236,208,255,.2);background:rgba(20,15,31,.68);border-radius:999px;color:#ebdff6;font-size:10px;letter-spacing:.15em;font-weight:800}
.cw13-page .cw13-mini-status>span{width:7px;height:7px;border-radius:50%;background:#a2ffd8}
.cw13-page .cw13-last-message{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;align-self:center;padding:14px 19px;border-radius:16px;border:1px solid rgba(236,208,255,.26);background:rgba(24,17,36,.84);box-shadow:0 16px 36px rgba(0,0,0,.22);max-width:300px;text-align:center}
.cw13-page .cw13-last-message strong{font-size:14px;color:#fff}
.cw13-page .cw13-last-message span{font-size:12px;line-height:1.45;color:#cfc0dd}
html[data-theme="light"] .cw13-page .cw13-last-card{background:radial-gradient(circle at 90% 35%,rgba(206,176,255,.25),transparent 55%),linear-gradient(125deg,#fff,#f5eefb);border-color:#e3d6ee}
html[data-theme="light"] .cw13-page .cw13-last-content>p{color:#665875}
html[data-theme="light"] .cw13-page .cw13-last-metrics span{background:rgba(112,70,165,.05);border-color:#e5d6f1;color:#4b3c5f}
html[data-theme="light"] .cw13-page .cw13-last-metrics b{color:#7b51aa}
html[data-theme="light"] .cw13-page .cw13-last-note{color:#6c6378}
@media(max-width:900px){.cw13-page .cw13-last-card{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr);gap:16px;padding:34px}.cw13-page .cw13-last-visual>img{width:min(96%,260px)}}
@media(max-width:700px){
 .cw13-page .cw13-last-card{display:flex;flex-direction:column;align-items:stretch;padding:26px 21px;gap:13px;border-radius:23px}
 .cw13-page .cw13-last-content h2{font-size:clamp(30px,7.5vw,40px)}
 .cw13-page .cw13-last-content>p{font-size:14px;margin-bottom:17px}
 .cw13-page .cw13-last-metrics{gap:7px;margin-bottom:22px}
 .cw13-page .cw13-last-metrics span{font-size:10px;padding:7px 10px}
 .cw13-page .cw13-last-content .cw5-last-actions{align-items:stretch;flex-direction:column;gap:14px}
 .cw13-page .cw13-last-visual{min-height:0;padding-top:0}
 .cw13-page .cw13-last-visual>img{width:min(66%,220px)}
 .cw13-page .cw13-last-message{max-width:270px}
}
@media(prefers-reduced-motion:reduce){.cw13-page .cw13-last-visual>img{transition:none}}


/* ContrasteLab V114 — clear form entry, scoped exclusively to /web/ */
.cw14-page .cw14-contact-card{grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);gap:clamp(24px,3.5vw,54px);min-height:480px;align-items:center;padding:clamp(32px,4.2vw,58px);background:radial-gradient(ellipse at 86% 44%,rgba(145,77,233,.21),transparent 55%),linear-gradient(124deg,#16101f,#20132e 64%,#171020)}
.cw14-page .cw14-contact-copy h2{font-size:clamp(34px,3.55vw,51px);max-width:640px;margin:12px 0 14px}
.cw14-page .cw14-contact-copy>p{font-size:15px;line-height:1.7;max-width:59ch;margin:0 0 17px;color:#d2c7da}
.cw14-page .cw14-contact-copy>p strong{color:#fff;font-weight:800}
.cw14-page .cw14-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 25px;padding:0}
.cw14-page .cw14-steps li{min-width:0;display:flex;align-items:flex-start;gap:9px;border-radius:15px;border:1px solid rgba(228,195,255,.16);background:rgba(255,255,255,.038);padding:12px 10px}
.cw14-page .cw14-steps li>span{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#f0c5ff;color:#271439;font-size:12px;font-weight:900}
.cw14-page .cw14-steps li div{display:grid;gap:5px;min-width:0}
.cw14-page .cw14-steps strong{font-size:12px;line-height:1.25;color:#fbf4ff}
.cw14-page .cw14-steps small{font-size:10px;line-height:1.45;color:#c0b1cd}
.cw14-page .cw14-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:0}
.cw14-page .cw14-start-button{display:inline-flex;align-items:center;gap:12px;min-width:min(100%,328px);max-width:100%;min-height:68px;padding:9px 11px 9px 12px;background:linear-gradient(115deg,#f19cf7,#cb94ff 47%,#9e84ff);box-shadow:0 14px 38px rgba(175,103,238,.23);border:1px solid rgba(255,255,255,.44);color:#23102f;border-radius:17px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease}
.cw14-page .cw14-start-button:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(175,103,238,.35)}
.cw14-page .cw14-start-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:rgba(34,13,55,.13);font-size:18px;font-weight:900}
.cw14-page .cw14-start-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.cw14-page .cw14-start-text strong{font-size:16px;font-weight:900;line-height:1.25}
.cw14-page .cw14-start-text small{font-size:11px;font-weight:650;opacity:.77}
.cw14-page .cw14-start-arrow{display:grid;place-items:center;flex:0 0 30px;height:30px;background:#281338;color:#fff;border-radius:10px;font-size:17px}
.cw14-page .cw14-direct-contact{display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid rgba(242,203,255,.34);padding:5px 0;color:#eedcff;font-size:12px;font-weight:750;text-decoration:none}
.cw14-page .cw14-direct-contact:hover{color:#fff;border-color:#fff}
.cw14-page .cw14-contact-copy .cw14-form-note{margin:13px 0 0;color:#b8adc1;font-size:11px;line-height:1.5}
.cw14-page .cw14-bot-entry{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:365px;padding:20px 17px 17px;border:1px solid rgba(231,184,255,.28);border-radius:27px;background:radial-gradient(ellipse at 50% 40%,rgba(151,89,247,.22),rgba(34,19,58,.22) 58%,rgba(13,9,23,.45) 90%);color:#fff;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.17);text-decoration:none;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.cw14-page .cw14-bot-entry:hover{transform:translateY(-4px);border-color:rgba(237,180,255,.66);box-shadow:0 24px 60px rgba(127,65,207,.24)}
.cw14-page .cw14-bot-label{display:inline-flex;align-items:center;gap:7px;margin-bottom:-7px;font-size:9px;font-weight:800;letter-spacing:.09em;line-height:1.5;color:#e9dcf7;text-transform:uppercase}
.cw14-page .cw14-bot-label-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#a8ffe4;box-shadow:0 0 0 3px rgba(136,249,198,.12)}
.cw14-page .cw14-bot-entry>img{width:min(80%,214px);margin:0 auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 15px 28px rgba(0,0,0,.32));transition:transform .25s ease}
.cw14-page .cw14-bot-entry:hover>img{transform:scale(1.04)}
.cw14-page .cw14-bot-speech{display:grid;gap:5px;padding:10px 14px 12px;width:100%;max-width:290px;background:rgba(22,12,37,.78);border:1px solid rgba(231,184,255,.21);border-radius:14px;color:#fff}
.cw14-page .cw14-bot-speech strong{font-size:16px;line-height:1.2}
.cw14-page .cw14-bot-speech>span{font-size:12px;line-height:1.45;color:#d9cbeb}
.cw14-page .cw14-bot-click{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:10px 13px;width:100%;max-width:290px;color:#28113c;background:#eec6ff;border-radius:10px;font-size:12px;font-weight:900;line-height:1.35}
.cw14-page .cw14-start-button:focus-visible,.cw14-page .cw14-bot-entry:focus-visible,.cw14-page .cw14-direct-contact:focus-visible{outline:3px solid #f7e1ff;outline-offset:4px}
html[data-theme="light"] .cw14-page .cw14-contact-card{background:radial-gradient(ellipse at 83% 40%,rgba(174,116,249,.12),transparent 55%),linear-gradient(120deg,#fff,#f8f2fc);border-color:#e6d6f3}
html[data-theme="light"] .cw14-page .cw14-contact-copy>p{color:#5e506c}
html[data-theme="light"] .cw14-page .cw14-contact-copy>p strong{color:#352341}
html[data-theme="light"] .cw14-page .cw14-steps li{background:#fff;border-color:#e9dff0}
html[data-theme="light"] .cw14-page .cw14-steps strong{color:#382746}
html[data-theme="light"] .cw14-page .cw14-steps small{color:#675771}
html[data-theme="light"] .cw14-page .cw14-direct-contact{color:#64378c;border-color:#9471b7}
html[data-theme="light"] .cw14-page .cw14-contact-copy .cw14-form-note{color:#786c83}
html[data-theme="light"] .cw14-page .cw14-bot-entry{background:radial-gradient(ellipse at 50% 35%,rgba(177,122,246,.25),transparent 65%),linear-gradient(145deg,#24163b,#3f2469);border-color:rgba(125,84,196,.38)}
@media(max-width:1100px) and (min-width:768px){.cw14-page .cw14-contact-card{grid-template-columns:minmax(0,1fr) minmax(245px,.62fr)}.cw14-page .cw14-steps{grid-template-columns:1fr;gap:6px;margin-bottom:18px}.cw14-page .cw14-steps li{padding:7px 10px;align-items:center}.cw14-page .cw14-steps li div{display:block}.cw14-page .cw14-steps small{margin-left:6px}.cw14-page .cw14-bot-entry{min-height:380px}}
@media(max-width:767px){.cw14-page .cw14-contact-card{padding:25px 20px;gap:20px}.cw14-page .cw14-contact-copy h2{font-size:clamp(29px,7.5vw,39px)}.cw14-page .cw14-contact-copy>p{font-size:13px;line-height:1.7}.cw14-page .cw14-steps{grid-template-columns:1fr;gap:7px;margin-bottom:19px}.cw14-page .cw14-steps li{padding:9px 11px;align-items:center}.cw14-page .cw14-steps li div{gap:2px}.cw14-page .cw14-steps strong{font-size:12px}.cw14-page .cw14-steps small{font-size:11px}.cw14-page .cw14-contact-actions{flex-direction:column;align-items:stretch;gap:14px}.cw14-page .cw14-start-button{width:100%;min-width:0}.cw14-page .cw14-direct-contact{align-self:center;text-align:center}.cw14-page .cw14-bot-entry{min-height:330px;padding:17px 14px}.cw14-page .cw14-bot-entry>img{width:min(78%,180px)}.cw14-page .cw14-bot-speech{max-width:265px}.cw14-page .cw14-bot-click{max-width:265px}}
@media(prefers-reduced-motion:reduce){.cw14-page .cw14-start-button,.cw14-page .cw14-bot-entry,.cw14-page .cw14-bot-entry>img{transition:none}}
/* Final contrast correction: the mascot's invitation must remain clearly readable. */
.cw14-page .cw14-bot-entry .cw14-bot-speech strong{color:#fff!important;opacity:1}
.cw14-page .cw14-bot-entry .cw14-bot-speech>span{color:#e8d9f5!important;opacity:1}


/* ContrasteLab V115 – product-grade interactive examples; only /web/ */
.cw15-page .cw15-intro{max-width:960px;margin-inline:auto;margin-bottom:38px}
.cw15-page .cw15-intro h2{max-width:850px;margin-inline:auto}
.cw15-page .cw15-intro>p{font-size:16px;line-height:1.65;max-width:700px}
.cw15-page .cw15-demo{--cw15-paper:#fff;--cw15-field:#f8f8fc;--cw15-text:#171324;--cw15-muted:#766d88;position:relative;display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:0;isolation:isolate;overflow:hidden;border:1px solid rgba(206,172,255,.25);border-radius:30px;background:#171121;box-shadow:0 36px 95px rgba(6,4,16,.29)}
.cw15-page .cw15-demo-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;background:linear-gradient(95deg,rgba(80,43,107,.29),rgba(31,20,47,.84));border-bottom:1px solid rgba(216,191,249,.14);min-height:74px}
.cw15-page .cw15-demo-brand{display:flex;align-items:center;gap:11px;min-width:0;color:#fff}
.cw15-page .cw15-brand-glyph{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;font-size:19px;color:#2b143b;background:linear-gradient(145deg,#f0bdff,#ad99ff);box-shadow:0 3px 15px rgba(216,158,255,.18)}
.cw15-page .cw15-demo-brand strong,.cw15-page .cw15-demo-brand small{display:block}
.cw15-page .cw15-demo-brand strong{font-size:13px;font-weight:780;letter-spacing:-.015em;line-height:1.3}
.cw15-page .cw15-demo-brand small{font-size:10px;color:#b8a9ca;margin-top:2px}
.cw15-page .cw15-demo-try{font-size:10px;letter-spacing:.12em;color:#d8c5e8;font-weight:750;display:flex;align-items:center;gap:9px;white-space:nowrap}
.cw15-page .cw15-live-dot,.cw15-page .cw15-indicator{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8cf2c8;box-shadow:0 0 0 4px rgba(140,242,200,.12)}
.cw15-page .cw15-test-count{color:#fff;font-size:11px;letter-spacing:.02em;padding:7px 10px;margin-left:4px;border-radius:8px;border:1px solid rgba(235,211,255,.15);background:rgba(255,255,255,.055)}
.cw15-page .cw5-demo-sidebar{padding:39px 31px 31px;border-right:1px solid rgba(207,179,238,.13);background:radial-gradient(circle at 14% 12%,rgba(150,85,200,.12),transparent 55%),#171120;display:flex;flex-direction:column}
.cw15-page .cw5-demo-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#d4b2ff}
.cw15-page .cw5-demo-label i{margin:0;flex:0 0 7px}
.cw15-page .cw5-demo-sidebar h3{font-size:clamp(31px,2.75vw,42px);font-weight:760;line-height:1.09;letter-spacing:-.045em;color:#f8f5ff;margin:18px 0 0;max-width:400px}
.cw15-page .cw5-demo-sidebar h3 em{font-style:normal;color:#dca1ff}
.cw15-page .cw5-demo-sidebar>p{color:#bfb0cc;font-size:14px;line-height:1.7;max-width:350px;margin:14px 0 31px}
.cw15-page .cw5-demo-tabs{display:flex;flex-direction:column;gap:11px}
.cw15-page .cw5-demo-tab{position:relative;min-height:82px;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(235,211,255,.13);background:rgba(255,255,255,.035);border-radius:17px;color:#f3ecfb;text-align:left;box-shadow:none;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s}
.cw15-page .cw5-demo-tab:hover{transform:translateX(3px);border-color:rgba(219,165,255,.4);background:rgba(255,255,255,.065)}
.cw15-page .cw5-demo-tab.is-active{background:linear-gradient(105deg,rgba(176,117,237,.21),rgba(112,67,174,.08));border-color:rgba(210,149,255,.75);box-shadow:inset 3px 0 #d7a3ff,0 9px 24px rgba(33,13,59,.18)}
.cw15-page .cw5-demo-tab-symbol{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:rgba(220,172,255,.13);color:#edc9ff;box-shadow:none}
.cw15-page .cw5-demo-tab.is-active .cw5-demo-tab-symbol{color:#291637;background:linear-gradient(145deg,#f2bbf5,#b4b4ff)}
.cw15-page .cw5-demo-tab-symbol svg{width:22px;height:22px}
.cw15-page .cw5-demo-tab strong{font-size:14px;font-weight:770;line-height:1.25;color:inherit}
.cw15-page .cw5-demo-tab small{font-size:11px;color:#b4a4c5;line-height:1.4;margin-top:4px}
.cw15-page .cw5-demo-tab.is-active small{color:#e5c9fa}
.cw15-page .cw5-demo-tab-chevron{margin-left:auto;font-size:16px;color:#b4a4c5}
.cw15-page .cw5-demo-tab.is-active .cw5-demo-tab-chevron{color:#e8bbff}
.cw15-page .cw15-aside-note{margin-top:auto;display:flex;align-items:flex-start;gap:12px;border-top:1px solid rgba(226,194,255,.14);padding-top:23px;color:#e9dafa}
.cw15-page .cw15-aside-note>span:first-child{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;background:rgba(199,151,242,.12);color:#dbb8ff}
.cw15-page .cw15-aside-note strong,.cw15-page .cw15-aside-note small{display:block}
.cw15-page .cw15-aside-note strong{font-size:12px;margin-bottom:4px}
.cw15-page .cw15-aside-note small{font-size:11px;line-height:1.5;color:#aa9abc;max-width:290px}
.cw15-page .cw5-demo-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:0;background:radial-gradient(ellipse at 50% 0%,#e9ddfd,#f8f5ff 62%,#eae6f8 100%);color:#22162d;min-height:690px}
.cw15-page .cw5-demo-stage:after{display:none}
.cw15-page .cw5-demo-stage-top{padding:0 24px;height:62px;min-height:62px;background:rgba(29,20,44,.97);border-bottom:1px solid rgba(255,255,255,.1);gap:16px}
.cw15-page .cw5-demo-stage-top>div{display:flex;align-items:center;gap:6px}
.cw15-page .cw5-demo-stage-top i{width:8px;height:8px}
.cw15-page .cw5-demo-stage-top i:first-child{background:#ef89af}.cw15-page .cw5-demo-stage-top i:nth-child(2){background:#f3c480}.cw15-page .cw5-demo-stage-top i:nth-child(3){background:#81dfbd}
.cw15-page .cw15-address{display:inline-flex;align-items:center;gap:6px;justify-content:center;background:rgba(255,255,255,.09);border:1px solid rgba(236,220,255,.12);border-radius:9px;flex:0 1 230px;padding:8px 12px;min-width:0;color:#ddd4e8;font-size:11px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cw15-page .cw15-address>span:first-child{color:#a6eccd;font-size:14px}
.cw15-page .cw5-demo-stage-mode{display:flex!important;align-items:center;gap:8px;color:#d0c4dc;font-size:9px;letter-spacing:.04em;white-space:nowrap}
.cw15-page .cw15-indicator{width:6px;height:6px;flex:0 0 6px}
.cw15-page .cw15-stage-context{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 29px 0;color:#6d5b84}
.cw15-page .cw15-stage-context>span{font-size:10px;font-weight:850;letter-spacing:.15em;color:#8f68bc}
.cw15-page .cw15-stage-context>strong{font-size:11px;color:#786687;font-weight:650}
.cw15-page .cw15-example-surface{width:min(100%,530px);min-height:0;margin:auto;transform:none;border:1px solid #e8e0f0;border-radius:23px;padding:32px 35px 31px;background:var(--cw15-paper);color:var(--cw15-text);box-shadow:0 23px 65px rgba(78,51,111,.14),0 3px 12px rgba(62,38,93,.035)}
.cw15-page .cw5-example{position:relative;display:flex;align-items:center;justify-content:center;flex:1;padding:21px 30px 24px;min-height:510px}
.cw15-page .cw5-example[hidden]{display:none!important}
.cw15-page .cw15-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.cw15-page .cw15-card-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#f1e6ff;color:#9564c7;font-size:18px}
.cw15-page .cw5-form-eyebrow{font-size:10px;font-weight:850;letter-spacing:.1em;color:#8e65ae}
.cw15-page .cw15-card-index{margin-left:auto;color:#a99ab7;font-size:10px;font-weight:850}
.cw15-page .cw5-example h4{font-size:clamp(25px,2.3vw,32px);line-height:1.08;font-weight:780;letter-spacing:-.045em;color:#241a30;margin:0 0 10px!important}
.cw15-page .cw5-example p{font-size:13px;line-height:1.55;color:#766e81;margin:0 0 19px!important;max-width:none}
.cw15-page .cw5-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cw15-page .cw5-form-columns label,.cw15-page .cw5-form-message{display:flex!important;flex-direction:column;gap:7px;min-width:0;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.cw15-page .cw5-form-columns label span,.cw15-page .cw5-form-message span{display:block;font-size:12px!important;color:#4b4059!important;font-weight:700!important;line-height:1.4}
.cw15-page .cw5-form-columns input,.cw15-page .cw5-form-message textarea{display:block;width:100%;min-width:0;min-height:45px;padding:12px 14px;border:1px solid #e1d9eb;border-radius:11px;background:#faf9fd;color:#261d33;font:500 13px/1.4 inherit;box-sizing:border-box;outline:none;box-shadow:inset 0 1px 2px rgba(31,17,48,.025);transition:background .2s,border-color .2s,box-shadow .2s}
.cw15-page .cw5-form-message{margin-top:15px!important;min-height:0!important}
.cw15-page .cw5-form-message textarea{resize:vertical;min-height:92px;line-height:1.5}
.cw15-page .cw5-form-columns input:focus,.cw15-page .cw5-form-message textarea:focus{background:#fff;border-color:#ac79dd;box-shadow:0 0 0 3px rgba(172,121,221,.14)}
.cw15-page .cw5-form-columns input::placeholder,.cw15-page .cw5-form-message textarea::placeholder{color:#a39bac}
.cw15-page .cw5-form-send{width:100%;min-height:49px;margin-top:19px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:0;border-radius:12px;background:linear-gradient(104deg,#7e4fb3,#9d5dcc 55%,#b876d7);color:#fff;font-size:13px;font-weight:800;cursor:pointer;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 9px 22px rgba(121,73,183,.22)}
.cw15-page .cw5-form-send:hover{transform:translateY(-2px);box-shadow:0 14px 27px rgba(121,73,183,.26);filter:brightness(1.05)}
.cw15-page .cw5-form-send:disabled{opacity:.65;cursor:wait}
.cw15-page .cw5-form-send:focus-visible,.cw15-page .cw5-demo-tab:focus-visible,.cw15-page .cw6-book-days button:focus-visible,.cw15-page .cw6-book-hours button:focus-visible{outline:3px solid #af79e7;outline-offset:3px}
.cw15-page .cw6-demo-feedback{display:block;margin:10px 0 0!important;min-height:1px!important;font-size:12px!important;line-height:1.4!important;color:#6d478d!important}
.cw15-page .cw5-example-toast{z-index:5;bottom:14px;right:21px;transform:none;border-radius:13px;box-shadow:0 14px 38px rgba(19,11,33,.21);padding:12px 15px}
.cw15-page .cw5-example-toast[hidden]{display:none!important}
.cw15-page .cw5-example-toast strong{font-size:12px}.cw15-page .cw5-example-toast small{font-size:10px}
.cw15-page .cw5-book-head{margin-top:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebe5f1;padding:0 0 14px;font-size:13px}
.cw15-page .cw5-book-head strong{font-size:13px;color:#4d375f}.cw15-page .cw5-book-head span{color:#a27bc2}
.cw15-page .cw6-book-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:17px 0 9px}
.cw15-page .cw6-book-days span{padding:4px 0;text-align:center;font-size:11px;color:#94869f;font-weight:750}
.cw15-page .cw6-book-days button{padding:12px 0;min-width:0;border-radius:11px;border:1px solid #e9e1f2;background:#faf8fd;color:#4c405b;cursor:pointer;font-size:13px;font-weight:750;transition:background .2s,border-color .2s}
.cw15-page .cw6-book-days button:hover,.cw15-page .cw6-book-hours button:hover{border-color:#aa82d3}
.cw15-page .cw6-book-days button.is-selected,.cw15-page .cw6-book-hours button.is-selected{background:#8d5cc2;border-color:#8d5cc2;color:#fff;box-shadow:0 5px 13px rgba(141,92,194,.2)}
.cw15-page .cw15-hours-label{font-size:12px;font-weight:750;color:#524460;margin-top:19px}
.cw15-page .cw6-book-hours{display:flex;gap:9px;margin-top:10px}
.cw15-page .cw6-book-hours button{flex:1;min-width:0;border-radius:11px;border:1px solid #e7e0ef;padding:11px 5px;background:#faf8fd;color:#514363;font-size:12px;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s}
.cw15-page .cw6-flow-pills{display:grid;gap:2px;margin-top:14px}
.cw15-page .cw6-flow-pills>div{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 12px;padding:11px 14px;border:1px solid #e5dcec;border-radius:13px;background:#faf9fd;transition:background .25s,border-color .25s,box-shadow .25s}
.cw15-page .cw6-flow-pills>div>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#efe6fc;color:#8357aa;font-size:11px;font-weight:850}
.cw15-page .cw6-flow-pills>div>strong{font-size:13px;color:#392a49;font-weight:780}
.cw15-page .cw6-flow-pills>div>small{font-size:11px;color:#8d8298;margin-top:3px}
.cw15-page .cw6-flow-pills>div.cw6-flow-active{border-color:#c3a7e6;background:#f1e8ff;box-shadow:0 7px 17px rgba(116,72,177,.08)}
.cw15-page .cw6-flow-pills>i{font-style:normal;text-align:center;font-size:15px;color:#a486c2;line-height:16px}
.cw15-page .cw15-stage-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;min-height:51px;padding:14px 26px;background:rgba(245,242,254,.85);border-top:1px solid #e7dff3;color:#766d88;font-size:11px;line-height:1.4}
.cw15-page .cw15-stage-bottom span{font-size:16px;color:#926ac6}
.cw15-page .cw15-demo-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 25px;background:#171120;border-top:1px solid rgba(208,175,238,.13)}
.cw15-page .cw15-demo-footer>span{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#bcaece}
.cw15-page .cw15-demo-footer>span>span{color:#87e5be;font-weight:900}
.cw15-page .cw15-demo-footer-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:850;color:#f2d5ff;text-decoration:none!important}
.cw15-page .cw15-demo-footer-link:hover{color:#fff}
/* Keep the dark interface container intact when site-wide light mode is enabled; preview is always light for realism. */
html[data-theme="light"] .cw15-page .cw15-demo{background:#171120;border-color:rgba(110,77,143,.24)}
html[data-theme="light"] .cw15-page .cw5-demo-sidebar{background:#171120;border-color:rgba(208,175,238,.14)}
html[data-theme="light"] .cw15-page .cw5-demo-sidebar h3,html[data-theme="light"] .cw15-page .cw5-demo-tab strong{color:#f8f5ff}
html[data-theme="light"] .cw15-page .cw5-demo-sidebar>p{color:#bfb0cc}
html[data-theme="light"] .cw15-page .cw5-demo-tab{color:#f8f5ff;border-color:rgba(235,211,255,.13);background:rgba(255,255,255,.035)}
html[data-theme="light"] .cw15-page .cw5-demo-tab.is-active{border-color:rgba(210,149,255,.75);background:linear-gradient(105deg,rgba(176,117,237,.21),rgba(112,67,174,.08))}
html[data-theme="light"] .cw15-page .cw5-demo-tab small{color:#b4a4c5}
html[data-theme="light"] .cw15-page .cw5-demo-tab.is-active small{color:#e5c9fa}
html[data-theme="light"] .cw15-page .cw15-demo-footer{background:#171120}
html[data-theme="light"] .cw15-page .cw15-demo-footer-link{color:#f2d5ff}
@media(max-width:1100px){
 .cw15-page .cw15-demo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .cw15-page .cw5-demo-sidebar{padding:27px 22px}
 .cw15-page .cw5-demo-sidebar h3{font-size:31px}
 .cw15-page .cw5-example{padding:16px}
 .cw15-page .cw15-example-surface{padding:25px 24px}
 .cw15-page .cw5-demo-stage-mode{font-size:8px}
}
@media(max-width:900px){
 .cw15-page .cw15-demo{grid-template-columns:minmax(0,1fr)}
 .cw15-page .cw15-demo-header,.cw15-page .cw15-demo-footer{grid-column:1}
 .cw15-page .cw5-demo-sidebar{border-right:none;border-bottom:1px solid rgba(207,179,238,.13);padding:27px 24px 25px}
 .cw15-page .cw5-demo-sidebar h3{max-width:none;font-size:32px}
 .cw15-page .cw5-demo-sidebar>p{max-width:670px;margin-bottom:21px}
 .cw15-page .cw5-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .cw15-page .cw5-demo-tab{padding:10px;min-height:89px;gap:9px;align-items:flex-start}
 .cw15-page .cw5-demo-tab-symbol{width:32px;height:32px;flex-basis:32px;border-radius:10px}
 .cw15-page .cw5-demo-tab-symbol svg{width:17px;height:17px}
 .cw15-page .cw5-demo-tab strong{font-size:12px}
 .cw15-page .cw5-demo-tab small{font-size:10px}
 .cw15-page .cw5-demo-tab-chevron{display:none}
 .cw15-page .cw15-aside-note{margin-top:20px;padding-top:16px}
 .cw15-page .cw5-demo-stage{min-height:565px}
 .cw15-page .cw5-example{min-height:420px}
 .cw15-page .cw15-example-surface{max-width:530px}
}
@media(max-width:600px){
 .cw15-page .cw15-intro{margin-bottom:25px}
 .cw15-page .cw15-intro>p{font-size:14px}
 .cw15-page .cw15-demo{border-radius:20px}
 .cw15-page .cw15-demo-header{padding:13px 15px;min-height:64px}
 .cw15-page .cw15-demo-brand strong{font-size:12px}
 .cw15-page .cw15-demo-try{font-size:0;gap:7px}
 .cw15-page .cw15-test-count{font-size:11px}
 .cw15-page .cw5-demo-sidebar{padding:22px 18px 19px}
 .cw15-page .cw5-demo-sidebar h3{font-size:27px;margin-top:13px}
 .cw15-page .cw5-demo-sidebar>p{font-size:12px;line-height:1.6;margin:10px 0 16px}
 .cw15-page .cw5-demo-tabs{display:flex;flex-direction:column;gap:8px}
 .cw15-page .cw5-demo-tab{min-height:61px;padding:8px 11px;align-items:center;gap:12px;border-radius:12px}
 .cw15-page .cw5-demo-tab-symbol{width:37px;height:37px;flex-basis:37px}
 .cw15-page .cw5-demo-tab strong{font-size:13px}
 .cw15-page .cw5-demo-tab small{font-size:10px;margin-top:2px}
 .cw15-page .cw5-demo-tab-chevron{display:block}
 .cw15-page .cw15-aside-note{margin-top:14px;padding-top:12px}
 .cw15-page .cw15-aside-note small{font-size:10px}
 .cw15-page .cw5-demo-stage{min-height:0}
 .cw15-page .cw5-demo-stage-top{height:50px;min-height:50px;padding:0 14px;gap:9px}
 .cw15-page .cw15-address{flex-basis:auto;padding:6px 8px;font-size:9px!important}
 .cw15-page .cw5-demo-stage-mode{font-size:0;gap:0}
 .cw15-page .cw15-indicator{width:7px;height:7px}
 .cw15-page .cw15-stage-context{padding:15px 15px 0;gap:5px}
 .cw15-page .cw15-stage-context>span{font-size:9px}
 .cw15-page .cw15-stage-context>strong{display:none}
 .cw15-page .cw5-example{min-height:0;padding:16px 13px 20px}
 .cw15-page .cw15-example-surface{width:100%;padding:19px 17px 20px;border-radius:16px;transform:none!important}
 .cw15-page .cw15-card-heading{margin-bottom:12px}
 .cw15-page .cw15-card-icon{width:31px;height:31px;font-size:15px}
 .cw15-page .cw5-form-eyebrow{font-size:9px}
 .cw15-page .cw5-example h4{font-size:25px}
 .cw15-page .cw5-example p{font-size:12px;margin-bottom:16px!important}
 .cw15-page .cw5-form-columns{grid-template-columns:1fr;gap:12px}
 .cw15-page .cw5-form-columns input,.cw15-page .cw5-form-message textarea{min-height:44px}
 .cw15-page .cw15-demo-footer{display:flex;flex-direction:column;align-items:flex-start;padding:15px 17px;gap:11px}
 .cw15-page .cw15-demo-footer>span,.cw15-page .cw15-demo-footer-link{font-size:11px}
 .cw15-page .cw15-stage-bottom{padding:12px 16px;font-size:10px;min-height:42px}
 .cw15-page .cw5-example-toast{bottom:10px;right:12px;left:12px;width:auto;max-width:none;padding:11px}
}
@media(prefers-reduced-motion:reduce){.cw15-page .cw5-demo-tab,.cw15-page .cw5-form-send{transition:none}}
/* Final contrast refinement for the explanatory note in dark sidebar. */
.cw15-page .cw15-demo .cw15-aside-note strong{color:#f4e8ff!important}
.cw15-page .cw15-demo .cw15-aside-note small{color:#b9abc9!important}
.cw15-page .cw15-demo .cw15-demo-brand strong{color:#fff!important}
.cw15-page .cw15-demo .cw15-demo-brand small{color:#cab7d8!important}


/* ContrasteLab V116 · proyectos publicados: cards editoriales originales, sin mockups ficticios */
.cw16-page .cw16-work{position:relative}
.cw16-page .cw16-work-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.65fr);gap:48px;align-items:end;margin-bottom:30px}
.cw16-page .cw16-work-heading h2{max-width:740px;margin:12px 0 0;font-size:clamp(32px,4.1vw,59px);font-weight:680;letter-spacing:-.055em;line-height:1.045;color:var(--cw-ink)}
.cw16-page .cw16-work-heading h2 em{font-style:normal;color:#d2a1fa}
.cw16-page .cw16-work-heading p{max-width:420px;margin:0 0 4px;color:var(--cw-sub);font-size:clamp(14px,1.04vw,16px);line-height:1.72}
.cw16-page .cw16-portfolio{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:18px;align-items:stretch}
.cw16-page .cw16-case{position:relative;display:flex;flex-direction:column;min-width:0;text-decoration:none!important;overflow:hidden;border-radius:24px;border:1px solid rgba(214,186,241,.18);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;isolation:isolate}
.cw16-page .cw16-case:hover,.cw16-page .cw16-case:focus-visible{transform:translateY(-5px);border-color:rgba(217,172,251,.53);box-shadow:0 22px 54px rgba(0,0,0,.18)}
.cw16-page .cw16-case:focus-visible{outline:3px solid #ba82f1;outline-offset:3px}
.cw16-page .cw16-case-featured{background:#17111d}
.cw16-page .cw16-hogareza-display{position:relative;flex:1;min-height:480px;overflow:hidden;background:#f6e5e6;padding:60px 18px 0}
.cw16-page .cw16-hogareza-display:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 8% 10%,#f8f4ea,transparent 58%),radial-gradient(ellipse at 93% 90%,#e6b7d0,transparent 62%);pointer-events:none}
.cw16-page .cw16-browser-top{position:absolute;z-index:2;top:22px;left:19px;right:19px;height:37px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 14px;color:#625064;background:rgba(255,255,255,.96);border:1px solid rgba(118,66,97,.12);border-radius:13px 13px 0 0;font-size:11px;font-weight:700;box-shadow:0 5px 15px rgba(71,46,53,.07)}
.cw16-page .cw16-browser-dots{display:flex;gap:5px}.cw16-page .cw16-browser-dots i{width:7px;height:7px;background:#f5a0b4;border-radius:50%}.cw16-page .cw16-browser-dots i:nth-child(2){background:#cf9ce8}.cw16-page .cw16-browser-dots i:nth-child(3){background:#9bbaf1}
.cw16-page .cw16-hogareza-display>img{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:415px;object-fit:cover;object-position:top center;border-radius:5px 5px 0 0;box-shadow:0 16px 40px rgba(91,45,70,.14);transition:transform .45s ease}
.cw16-page .cw16-case-featured:hover .cw16-hogareza-display>img{transform:scale(1.017)}
.cw16-page .cw16-display-label{position:absolute;z-index:3;bottom:16px;left:24px;border-radius:100px;background:rgba(20,15,29,.91);padding:9px 13px;color:#f4e9fd;font-size:9px;font-weight:830;letter-spacing:.11em}
.cw16-page .cw16-case-detail{position:relative;z-index:2;flex:none;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:153px;padding:23px 27px 25px;background:#17111d}
.cw16-page .cw16-case-num{display:flex;gap:9px;align-items:center;color:#c9a5e4;font-size:10px;font-weight:800;letter-spacing:.14em}
.cw16-page .cw16-case-num i{display:block;width:18px;height:1px;background:#ad91c0}
.cw16-page .cw16-case-info{display:flex;align-items:center;justify-content:space-between;gap:15px}
.cw16-page .cw16-case-info h3{color:#fff;font-size:clamp(26px,2.2vw,34px);letter-spacing:-.045em;line-height:1.1;margin:0 0 8px}
.cw16-page .cw16-case-info p{max-width:480px;color:#c9bed0;font-size:13px;line-height:1.48;margin:0}
.cw16-page .cw16-case-arrow{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:#c990f4;color:#1b1123;font-size:23px;transition:transform .25s}
.cw16-page .cw16-case:hover .cw16-case-arrow{transform:translate(3px,-3px)}
.cw16-page .cw16-side-projects{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-width:0}
.cw16-page .cw16-case-viv{min-height:290px;background:linear-gradient(135deg,#f7f0df,#e6e0cc);color:#172820;border-color:#e4d9c5}
.cw16-page .cw16-case-viv:before{content:"";position:absolute;right:-74px;top:-92px;width:310px;height:310px;border:1px solid rgba(40,74,54,.11);border-radius:50%;box-shadow:0 0 0 36px rgba(40,74,54,.035),0 0 0 76px rgba(40,74,54,.022);pointer-events:none}
.cw16-page .cw16-case-kova{min-height:290px;background:radial-gradient(circle at 85% 5%,#1f4767,transparent 55%),linear-gradient(135deg,#071c31,#0b2137);color:white;border-color:#294960}
.cw16-page .cw16-case-kova:before{content:"";position:absolute;right:-85px;top:-78px;width:270px;height:270px;border:1px solid rgba(181,230,255,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(181,230,255,.035),0 0 0 66px rgba(181,230,255,.022);pointer-events:none}
.cw16-page .cw16-brand-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 0;font-size:10px;letter-spacing:.14em;font-weight:800;opacity:.77}
.cw16-page .cw16-brand-head>span:last-child{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;border:1px solid currentColor;font-size:16px}
.cw16-page .cw16-viv-logo,.cw16-page .cw16-kova-logo{position:relative;z-index:1;display:flex;align-items:center;flex:1;padding:12px 24px 4px;min-height:80px}
.cw16-page .cw16-viv-logo img{display:block;width:min(100%,330px);max-height:100px;object-fit:contain;object-position:left center}
.cw16-page .cw16-kova-logo img{display:block;width:min(80%,205px);height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 26px rgba(0,0,0,.14)}
.cw16-page .cw16-brand-desc{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 24px 20px}
.cw16-page .cw16-brand-desc h3{margin:0;font-size:clamp(23px,2vw,29px);letter-spacing:-.045em;line-height:1.07;color:inherit}
.cw16-page .cw16-brand-desc p{margin:0;font-size:13px;line-height:1.45;color:inherit;opacity:.82}
.cw16-page .cw16-brand-link{display:inline-flex;align-items:center;gap:9px;margin-top:6px;border-bottom:1px solid currentColor;padding-bottom:2px;font-size:12px;font-weight:850;letter-spacing:.015em}
.cw16-page .cw16-brand-link span{transition:transform .2s}.cw16-page .cw16-case:hover .cw16-brand-link span{transform:translate(3px,-3px)}
html[data-theme="light"] .cw16-page .cw16-work-heading h2 em{color:#9859c5}
html[data-theme="light"] .cw16-page .cw16-case-featured{border-color:#e2d2e7}
@media(max-width:1050px){
 .cw16-page .cw16-work-heading{gap:20px}
 .cw16-page .cw16-portfolio{grid-template-columns:1fr}
 .cw16-page .cw16-hogareza-display{min-height:405px}
 .cw16-page .cw16-hogareza-display>img{min-height:340px}
 .cw16-page .cw16-side-projects{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .cw16-page .cw16-case-viv,.cw16-page .cw16-case-kova{min-height:320px}
}
@media(max-width:700px){
 .cw16-page .cw16-work-heading{display:block;margin-bottom:23px}
 .cw16-page .cw16-work-heading h2{font-size:clamp(31px,9vw,42px)}
 .cw16-page .cw16-work-heading p{margin-top:14px;font-size:14px}
 .cw16-page .cw16-portfolio{gap:14px}
 .cw16-page .cw16-side-projects{display:grid;grid-template-columns:1fr;gap:14px}
 .cw16-page .cw16-case{border-radius:19px}
 .cw16-page .cw16-hogareza-display{min-height:285px;padding:47px 12px 0}
 .cw16-page .cw16-hogareza-display>img{min-height:250px}
 .cw16-page .cw16-browser-top{top:14px;left:12px;right:12px;height:32px;font-size:10px;padding:0 11px}
 .cw16-page .cw16-display-label{bottom:12px;left:16px;font-size:8px}
 .cw16-page .cw16-case-detail{min-height:129px;padding:18px}
 .cw16-page .cw16-case-info h3{font-size:27px}
 .cw16-page .cw16-case-info p{font-size:12px}
 .cw16-page .cw16-case-arrow{width:40px;height:40px;font-size:21px}
 .cw16-page .cw16-case-viv,.cw16-page .cw16-case-kova{min-height:255px}
 .cw16-page .cw16-brand-head{padding:16px 19px 0}
 .cw16-page .cw16-viv-logo,.cw16-page .cw16-kova-logo{padding:10px 19px 0;min-height:75px}
 .cw16-page .cw16-viv-logo img{width:min(100%,290px)}
 .cw16-page .cw16-brand-desc{padding:0 19px 20px}
 .cw16-page .cw16-brand-desc h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.cw16-page .cw16-case,.cw16-page .cw16-hogareza-display>img,.cw16-page .cw16-case-arrow{transition:none!important}}

/* Asegura que el salto 'Proyectos reales' no quede oculto por la navegación fija. */
.cw16-page #proyectos-web{scroll-margin-top:175px}
@media(max-width:700px){.cw16-page #proyectos-web{scroll-margin-top:125px}}


/* V117 - catálogo de proyectos estilo posters */
.cw17-work{position:relative}
.cw17-work-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}
.cw17-work-heading p{max-width:660px;margin:0;color:var(--cw-sub);font-size:15px;line-height:1.7}
.cw17-selector{display:grid;gap:22px}
.cw17-poster-rail{display:grid;grid-template-columns:repeat(8,minmax(160px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.cw17-poster-rail::-webkit-scrollbar{display:none}
.cw17-poster{appearance:none;border:1px solid rgba(255,255,255,.08);background:#17121f;border-radius:20px;padding:0;min-height:248px;position:relative;overflow:hidden;cursor:pointer;text-align:left;display:flex;align-items:flex-end;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.cw17-poster:hover,.cw17-poster:focus-visible{transform:translateY(-4px) scale(1.01);border-color:rgba(233,213,255,.34);box-shadow:0 18px 45px rgba(0,0,0,.28);outline:none}
.cw17-poster.is-active{border-color:rgba(236,185,255,.48);box-shadow:0 22px 54px rgba(0,0,0,.32),0 0 0 1px rgba(236,185,255,.15) inset}
.cw17-poster-bg,.cw17-poster-logo,.cw17-poster-bottom,.cw17-poster-top{position:absolute}
.cw17-poster-bg{inset:0;display:block}
.cw17-poster-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,12,.06),rgba(8,8,12,.08) 35%,rgba(8,8,12,.68) 82%,rgba(8,8,12,.95) 100%)}
.cw17-poster-bg-shot img{width:100%;height:100%;object-fit:cover;display:block}
.cw17-poster-bg-viv{background:linear-gradient(160deg,#291d2b 0%,#5a3c56 50%,#17131d 100%)}
.cw17-poster-bg-kova{background:linear-gradient(160deg,#101825 0%,#20334b 55%,#0f1118 100%)}
.cw17-poster-bg-vistafin{background:linear-gradient(160deg,#141c2f 0%,#3a5280 58%,#15111c 100%)}
.cw17-poster-bg-housefinan{background:linear-gradient(160deg,#1f1b14 0%,#6c4d28 55%,#161311 100%)}
.cw17-poster-bg-debtier{background:linear-gradient(160deg,#1a1218 0%,#5f2741 52%,#140f14 100%)}
.cw17-poster-bg-kreditlotse{background:linear-gradient(160deg,#131b12 0%,#476f33 55%,#10140f 100%)}
.cw17-poster-bg-prestamiora{background:linear-gradient(160deg,#10242e 0%,#2f8fa2 52%,#111217 100%)}
.cw17-poster-top{left:14px;top:14px;z-index:1;padding:6px 9px;border-radius:999px;background:rgba(9,9,14,.5);backdrop-filter:blur(8px);font-size:10px;font-weight:800;letter-spacing:.16em;color:#fff8}
.cw17-poster-logo{inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:28px 18px 64px}
.cw17-poster-logo img{max-width:78%;max-height:78px;width:auto;height:auto;filter:drop-shadow(0 10px 25px rgba(0,0,0,.25))}
.cw17-poster-bottom{left:14px;right:14px;bottom:14px;z-index:1;display:grid;gap:3px}
.cw17-poster-bottom strong{font-size:16px;line-height:1.1;color:#fff}
.cw17-poster-bottom small{font-size:12px;line-height:1.4;color:rgba(255,255,255,.74)}
.cw17-project-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;padding:20px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(23,18,31,.97),rgba(14,11,19,.98));box-shadow:0 20px 70px rgba(0,0,0,.24)}
.cw17-panel-visual{position:relative;min-height:430px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#151019,#0f0c14);border:1px solid rgba(255,255,255,.08)}
.cw17-visual-top{position:absolute;left:14px;right:14px;top:14px;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(9,9,14,.55);backdrop-filter:blur(10px);font-size:12px;font-weight:700;color:#f1e7ff}
.cw17-visual-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cw17-visual-inner img{width:100%;height:100%;object-fit:cover;display:block}
.cw17-logo-stage{width:min(78%,420px);height:auto;object-fit:contain;filter:drop-shadow(0 14px 32px rgba(0,0,0,.26))}
.cw17-panel-copy{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:8px 6px 8px 0}
.cw17-panel-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#cfb0f4;text-transform:uppercase}
.cw17-panel-copy h3{font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.05em;margin:0}
.cw17-panel-summary{margin:0;color:var(--cw-sub);font-size:15px;line-height:1.75}
.cw17-panel-block{display:grid;gap:8px}
.cw17-panel-block span{font-size:11px;font-weight:800;letter-spacing:.18em;color:#f2e8ff;text-transform:uppercase}
.cw17-panel-block p{margin:0;color:#efe8fb;font-size:15px;line-height:1.7}
.cw17-panel-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.cw17-panel-tags li{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#f4ecff}
.cw17-panel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.cw17-watch{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#f0bcff,#89c2ff);color:#130d1d;font-weight:800;box-shadow:0 12px 30px rgba(137,194,255,.16)}
.cw17-improve-link{appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#efe7fb;padding:14px 16px;border-radius:999px;font-weight:700;cursor:pointer}
.cw17-improve-link:hover,.cw17-improve-link:focus-visible{border-color:rgba(236,185,255,.34);background:rgba(255,255,255,.05);outline:none}
html[data-theme="light"] .cw17-poster{background:#fff;border-color:#e4d8ee;box-shadow:0 12px 28px rgba(91,77,112,.06)}
html[data-theme="light"] .cw17-poster-bottom strong{color:#23192f}
html[data-theme="light"] .cw17-poster-bottom small,html[data-theme="light"] .cw17-poster-top{color:rgba(35,25,47,.72)}
html[data-theme="light"] .cw17-poster-top{background:rgba(255,255,255,.62)}
html[data-theme="light"] .cw17-project-panel{background:linear-gradient(180deg,#fff,#f8f4fb);border-color:#e6dced;box-shadow:0 16px 40px rgba(91,77,112,.08)}
html[data-theme="light"] .cw17-panel-visual{background:linear-gradient(180deg,#f5f0fa,#f1ecf6);border-color:#e1d6ea}
html[data-theme="light"] .cw17-visual-top{background:rgba(255,255,255,.82);color:#433657}
html[data-theme="light"] .cw17-work-heading p,html[data-theme="light"] .cw17-panel-summary{color:#6a5e7d}
html[data-theme="light"] .cw17-panel-block span,html[data-theme="light"] .cw17-panel-kicker{color:#7d5aa7}
html[data-theme="light"] .cw17-panel-block p{color:#362a45}
html[data-theme="light"] .cw17-panel-tags li{background:rgba(94,66,123,.06);border-color:#e2d8ec;color:#56496a}
html[data-theme="light"] .cw17-improve-link{background:#fff;border-color:#e1d6ea;color:#443757}
@media (max-width: 1199px){.cw17-poster-rail{grid-template-columns:repeat(8,170px)}}
@media (max-width: 991px){.cw17-work-heading{display:grid}.cw17-project-panel{grid-template-columns:1fr}.cw17-panel-visual{min-height:360px}}
@media (max-width: 767px){.cw17-poster-rail{display:grid;grid-auto-flow:column;grid-auto-columns:168px;grid-template-columns:none}.cw17-poster{min-height:224px}.cw17-project-panel{padding:14px;border-radius:22px}.cw17-panel-visual{min-height:290px}.cw17-visual-top{left:10px;right:10px;top:10px;font-size:11px;padding:9px 12px}.cw17-panel-copy{padding:0}.cw17-panel-copy h3{font-size:32px}.cw17-panel-actions{display:grid}.cw17-watch,.cw17-improve-link{justify-content:center;width:100%}}


/* V118 - proyectos con estructura streaming premium */
.cw18-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.cw18-heading p{max-width:620px;margin:0;color:var(--cw-sub);font-size:15px;line-height:1.7}
.cw18-feature{position:relative;min-height:560px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#090811;box-shadow:0 28px 80px rgba(0,0,0,.35);margin-bottom:22px}
.cw18-backdrop,.cw18-overlay{position:absolute;inset:0}
.cw18-backdrop{background:radial-gradient(circle at top right,rgba(140,95,255,.16),transparent 36%),#0a0911}
.cw18-backdrop img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02)}
.cw18-backdrop-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:60px}
.cw18-backdrop-logo img{max-width:min(62%,520px);max-height:160px;width:auto;height:auto;filter:drop-shadow(0 18px 50px rgba(0,0,0,.35))}
.cw18-overlay{background:linear-gradient(90deg,rgba(8,8,13,.94) 0%,rgba(8,8,13,.86) 28%,rgba(8,8,13,.48) 52%,rgba(8,8,13,.84) 100%),linear-gradient(0deg,rgba(8,8,13,.88) 0%,rgba(8,8,13,.10) 42%,rgba(8,8,13,.55) 100%)}
.cw18-content{position:relative;z-index:2;min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:end;padding:38px}
.cw18-main{max-width:620px;display:grid;gap:16px;align-self:end}
.cw18-kicker{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font-size:11px;font-weight:800;letter-spacing:.17em;color:#e8d7ff;text-transform:uppercase}
.cw18-main h3{margin:0;font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.05em;color:#fff}
.cw18-summary{margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.75;max-width:58ch}
.cw18-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.cw18-tags li{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#fff}
.cw18-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.cw18-watch,.cw18-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:999px;font-weight:800}
.cw18-watch{background:#fff;color:#131019;box-shadow:0 20px 40px rgba(0,0,0,.18)}
.cw18-secondary{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.cw18-detail-card{padding:22px;border-radius:28px;background:rgba(16,14,24,.62);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.09);display:grid;gap:16px;align-self:end;box-shadow:0 20px 40px rgba(0,0,0,.16)}
.cw18-detail-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.cw18-detail-label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#cfb0f4}
.cw18-detail-site{font-size:12px;color:rgba(255,255,255,.68)}
.cw18-detail-card p{margin:0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.75}
.cw18-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cw18-detail-grid div{padding:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}
.cw18-detail-grid span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.cw18-detail-grid strong{font-size:13px;line-height:1.4;color:#fff}
.cw18-rail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}
.cw18-rail-head strong{font-size:16px;letter-spacing:-.02em;color:#fff}
.cw18-rail-head span{font-size:13px;color:var(--cw-sub)}
.cw18-rail{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.cw18-rail::-webkit-scrollbar{display:none}
.cw18-poster{appearance:none;border:none;background:none;padding:0;position:relative;cursor:pointer;min-height:270px;border-radius:22px;overflow:hidden;text-align:left;isolation:isolate;box-shadow:0 18px 30px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.cw18-poster:hover,.cw18-poster:focus-visible{transform:translateY(-5px) scale(1.02);border-color:rgba(236,185,255,.36);box-shadow:0 24px 40px rgba(0,0,0,.25);outline:none}
.cw18-poster.is-active{border-color:rgba(236,185,255,.46);box-shadow:0 24px 44px rgba(0,0,0,.32),0 0 0 1px rgba(236,185,255,.16) inset}
.cw18-poster-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:26px}
.cw18-poster-art img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24))}
.cw18-poster-shot img{width:100%;height:100%;object-fit:cover;filter:none}
.cw18-poster-viv{background:linear-gradient(160deg,#231823 0%,#68486b 54%,#121019 100%)}
.cw18-poster-kova{background:linear-gradient(160deg,#0c1220 0%,#224068 52%,#11131a 100%)}
.cw18-poster-vistafin{background:linear-gradient(160deg,#121a2d 0%,#5673a6 52%,#121118 100%)}
.cw18-poster-housefinan{background:linear-gradient(160deg,#1c1713 0%,#7a552a 58%,#111116 100%)}
.cw18-poster-debtier{background:linear-gradient(160deg,#1b1218 0%,#7a3151 55%,#110f14 100%)}
.cw18-poster-kreditlotse{background:linear-gradient(160deg,#101810 0%,#4a7237 55%,#0f1114 100%)}
.cw18-poster-prestamiora{background:linear-gradient(160deg,#101a2c 0%,#377bc1 55%,#111116 100%)}
.cw18-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,10,.02) 0%,rgba(6,6,10,.08) 45%,rgba(6,6,10,.72) 82%,rgba(6,6,10,.95) 100%)}
.cw18-poster-copy{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:grid;gap:4px}
.cw18-poster-copy strong{font-size:20px;line-height:1.05;color:#fff;letter-spacing:-.03em}
.cw18-poster-copy small{font-size:12px;line-height:1.45;color:rgba(255,255,255,.78)}
.cw18-theme-vivendara{background:radial-gradient(circle at 85% 18%,rgba(174,115,190,.24),transparent 28%),linear-gradient(135deg,#130f17 0%,#2c1f2f 46%,#121019 100%)}
.cw18-theme-kova{background:radial-gradient(circle at 80% 18%,rgba(84,145,255,.22),transparent 28%),linear-gradient(135deg,#0b111c 0%,#16324c 48%,#10131a 100%)}
.cw18-theme-vistafin{background:radial-gradient(circle at 80% 18%,rgba(112,153,255,.24),transparent 28%),linear-gradient(135deg,#0d1422 0%,#203a63 50%,#10121a 100%)}
.cw18-theme-housefinan{background:radial-gradient(circle at 80% 18%,rgba(223,162,87,.24),transparent 28%),linear-gradient(135deg,#15110e 0%,#45311b 52%,#111116 100%)}
.cw18-theme-debtier{background:radial-gradient(circle at 80% 18%,rgba(217,89,154,.22),transparent 28%),linear-gradient(135deg,#151015 0%,#401f2b 52%,#110f13 100%)}
.cw18-theme-kreditlotse{background:radial-gradient(circle at 80% 18%,rgba(130,196,85,.22),transparent 28%),linear-gradient(135deg,#111611 0%,#284221 52%,#0f1113 100%)}
.cw18-theme-prestamiora{background:radial-gradient(circle at 80% 18%,rgba(79,171,255,.25),transparent 28%),linear-gradient(135deg,#101826 0%,#214e82 52%,#101116 100%)}
html[data-theme="light"] .cw18-heading p,html[data-theme="light"] .cw18-rail-head span{color:#6a5e7d}
html[data-theme="light"] .cw18-feature{background:#f7f3fa;border-color:#e3d8ec;box-shadow:0 22px 50px rgba(91,77,112,.09)}
html[data-theme="light"] .cw18-overlay{background:linear-gradient(90deg,rgba(247,243,250,.95) 0%,rgba(247,243,250,.88) 28%,rgba(247,243,250,.56) 52%,rgba(247,243,250,.9) 100%),linear-gradient(0deg,rgba(247,243,250,.9) 0%,rgba(247,243,250,.18) 42%,rgba(247,243,250,.65) 100%)}
html[data-theme="light"] .cw18-kicker{background:rgba(255,255,255,.72);color:#7757a6}
html[data-theme="light"] .cw18-main h3{color:#201629}
html[data-theme="light"] .cw18-summary{color:#564b68}
html[data-theme="light"] .cw18-tags li{background:rgba(94,66,123,.06);border-color:#e1d7eb;color:#443856}
html[data-theme="light"] .cw18-watch{background:#201629;color:#fff}
html[data-theme="light"] .cw18-secondary{background:rgba(255,255,255,.8);border-color:#e1d7eb;color:#3e3150}
html[data-theme="light"] .cw18-detail-card{background:rgba(255,255,255,.76);border-color:#e0d5ea}
html[data-theme="light"] .cw18-detail-label{color:#7d5aa7}
html[data-theme="light"] .cw18-detail-site{color:#7b708a}
html[data-theme="light"] .cw18-detail-card p{color:#342a42}
html[data-theme="light"] .cw18-detail-grid div{background:rgba(94,66,123,.05);border-color:#e3d8ec}
html[data-theme="light"] .cw18-detail-grid span{color:#7b708a}
html[data-theme="light"] .cw18-detail-grid strong{color:#2e253a}
html[data-theme="light"] .cw18-rail-head strong{color:#241a30}
html[data-theme="light"] .cw18-poster{border-color:#e2d8eb;box-shadow:0 12px 25px rgba(91,77,112,.08)}
@media (max-width: 1080px){.cw18-content{grid-template-columns:1fr;align-items:end}.cw18-detail-card{max-width:620px}}
@media (max-width: 767px){.cw18-heading{display:grid}.cw18-feature{min-height:auto;border-radius:24px}.cw18-content{min-height:auto;padding:18px;gap:16px}.cw18-main h3{font-size:44px}.cw18-summary{font-size:16px}.cw18-detail-card{padding:18px;border-radius:22px}.cw18-detail-grid{grid-template-columns:1fr}.cw18-rail-head{display:grid;gap:6px}.cw18-rail{grid-auto-columns:162px;gap:12px}.cw18-poster{min-height:242px}.cw18-poster-copy strong{font-size:18px}.cw18-actions{display:grid}.cw18-watch,.cw18-secondary{width:100%}.cw18-backdrop{min-height:280px}.cw18-overlay{background:linear-gradient(180deg,rgba(8,8,13,.18) 0%,rgba(8,8,13,.55) 34%,rgba(8,8,13,.92) 100%)}.cw18-content{margin-top:170px}.cw18-backdrop-logo{padding:32px}}

/* V119: portada original de marca Hogareza, horizontal + poster vertical. */
.cw19-page .cw18-backdrop picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.cw19-page .cw18-backdrop picture>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cw19-page .cw18-backdrop-logo[hidden],.cw19-page #cw18-backdrop-image[hidden]{display:none!important}
.cw19-page .cw18-feature.cw19-hogareza-active .cw18-backdrop picture>img{object-position:center 46%;filter:saturate(.99) contrast(1.01)}
.cw19-page .cw18-feature.cw19-hogareza-active .cw18-overlay{background:linear-gradient(90deg,rgba(6,8,14,.95) 0%,rgba(6,8,14,.81) 29%,rgba(6,8,14,.43) 53%,rgba(6,8,14,.18) 72%,rgba(6,8,14,.61) 100%),linear-gradient(0deg,rgba(6,8,14,.75) 0%,rgba(6,8,14,.1) 46%,rgba(6,8,14,.12) 100%)}
.cw19-page .cw18-feature.cw19-hogareza-active{border-color:rgba(255,189,152,.28)}
.cw19-page .cw18-poster-art.cw19-hogareza-poster{padding:0;background:#f5ede3}
.cw19-page .cw18-poster-art.cw19-hogareza-poster img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;max-height:none;filter:none;object-position:center top}
.cw19-page .cw18-poster:first-child .cw18-poster-shade{background:linear-gradient(180deg,transparent 0%,transparent 54%,rgba(7,11,14,.32) 70%,rgba(7,11,14,.94) 100%)}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-overlay{background:linear-gradient(90deg,rgba(15,20,24,.90) 0%,rgba(15,20,24,.77) 30%,rgba(15,20,24,.35) 53%,rgba(15,20,24,.07) 74%,rgba(15,20,24,.4) 100%),linear-gradient(0deg,rgba(15,20,24,.64) 0%,transparent 55%)}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-main h3,html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-summary{color:#fff}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-tags li{background:rgba(14,13,22,.46);border-color:rgba(255,255,255,.2);color:#fff}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-kicker{background:rgba(18,15,26,.56);color:#f0d7ff}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-detail-card{background:rgba(18,15,26,.72);border-color:rgba(255,255,255,.18)}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-detail-card p,html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-detail-grid strong{color:#fff}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-detail-site{color:rgba(255,255,255,.68)}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-detail-grid div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-detail-grid span{color:rgba(255,255,255,.64)}
@media (max-width:767px){
  .cw19-page .cw18-feature.cw19-hogareza-active{isolation:isolate}
  .cw19-page .cw18-feature.cw19-hogareza-active .cw18-backdrop{height:400px;bottom:auto}
  .cw19-page .cw18-feature.cw19-hogareza-active .cw18-backdrop picture>img{object-position:50% 27%;height:100%}
  .cw19-page .cw18-feature.cw19-hogareza-active .cw18-overlay{background:linear-gradient(180deg,rgba(11,11,19,.02) 0%,rgba(11,11,19,.10) 24%,rgba(11,11,19,.77) 365px,rgba(11,11,19,.96) 470px,#0b0a12 100%)}
  .cw19-page .cw18-feature.cw19-hogareza-active .cw18-content{margin-top:270px}
  .cw19-page .cw18-feature.cw19-hogareza-active .cw18-backdrop-logo{display:none}
  html[data-theme="light"] .cw19-page .cw18-feature.cw19-hogareza-active .cw18-overlay{background:linear-gradient(180deg,rgba(11,11,19,.04) 0%,rgba(11,11,19,.06) 24%,rgba(11,11,19,.80) 365px,rgba(11,11,19,.97) 470px,#0b0a12 100%)}
}

/* V120 — Liberuna: portada editorial real en lugar de un panel de logo artificial. */
.cw19-page .cw18-theme-liberuna{background:linear-gradient(135deg,#081c35,#063c7c)}
.cw19-page .cw18-poster[data-project="liberuna"] .cw18-poster-art{padding:0;background:#78b9e5}
.cw19-page .cw18-poster[data-project="liberuna"] .cw18-poster-art img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center;filter:none}
.cw19-page .cw18-poster[data-project="liberuna"] .cw18-poster-shade{background:linear-gradient(180deg,transparent 0%,transparent 54%,rgba(8,13,29,.32) 72%,rgba(8,13,29,.93) 100%)}
.cw19-page .cw18-feature:has(.cw18-theme-liberuna) .cw18-backdrop picture>img{object-position:center 52%;filter:saturate(1.02)}
.cw19-page .cw18-feature:has(.cw18-theme-liberuna){border-color:rgba(100,180,255,.3)}
@media (max-width:767px){
 .cw19-page .cw18-feature:has(.cw18-theme-liberuna) .cw18-backdrop picture>img{object-position:center 38%}
}

/* V121 — Portadas de Vivendara: misma estructura que Hogareza y Liberuna. */
.cw21-page .cw18-poster-art.cw21-vivendara-poster{padding:0;background:#d9a779}
.cw21-page .cw18-poster-art.cw21-vivendara-poster img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 38%;filter:none}
.cw21-page .cw18-poster[data-project="vivendara"] .cw18-poster-shade{background:linear-gradient(180deg,transparent 0%,transparent 54%,rgba(9,11,12,.28) 72%,rgba(9,11,12,.94) 100%)}
.cw21-page .cw18-feature:has(.cw18-theme-vivendara){border-color:rgba(224,170,110,.25)}
.cw21-page .cw18-feature:has(.cw18-theme-vivendara) .cw18-backdrop picture>img{object-position:center 50%;filter:saturate(1.02)}
@media(max-width:767px){.cw21-page .cw18-feature:has(.cw18-theme-vivendara) .cw18-backdrop picture>img{object-position:50% 30%}}

/* V123 Renoviko */
.cw18-theme-renoviko{background:linear-gradient(135deg,#d5effb,#89c9e8 48%,#18344d);}

/* Renoviko: la identidad necesita luz en la portada; el contenido conserva contraste. */
.cw18-feature:has(.cw18-theme-renoviko) .cw18-overlay{
  background:linear-gradient(0deg,rgba(9,10,16,.96) 0%,rgba(9,10,16,.82) 28%,rgba(9,10,16,.12) 66%,rgba(9,10,16,0) 100%);
}
.cw18-feature:has(.cw18-theme-renoviko){border-color:rgba(123,206,247,.35)}
@media(max-width:767px){
  .cw18-content{grid-template-columns:minmax(0,1fr)}
  .cw18-main,.cw18-detail-card{min-width:0;max-width:100%}
  .cw18-kicker{max-width:100%;width:fit-content;white-space:normal;overflow-wrap:anywhere;line-height:1.45;letter-spacing:.09em;font-size:10px}
  .cw18-feature:has(.cw18-theme-renoviko) .cw18-overlay{
    background:linear-gradient(180deg,rgba(9,10,16,0) 0%,rgba(9,10,16,.06) 24%,rgba(9,10,16,.68) 355px,rgba(9,10,16,.96) 475px,#0b0a12 100%);
  }
}


.cw18-poster-next{background:linear-gradient(160deg,#090a18 0%,#2b1952 48%,#080912 100%)}
.cw18-poster-cta{padding:18px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.14),transparent 28%),linear-gradient(180deg,#0d0f20 0%,#24113f 60%,#090812 100%);align-items:flex-end;justify-content:center}
.cw18-poster-cta img{max-width:84%;max-height:84%;object-fit:contain;filter:drop-shadow(0 14px 32px rgba(0,0,0,.32))}
.cw18-poster-stat{position:absolute;left:14px;top:14px;z-index:1;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.cw18-theme-next{background:radial-gradient(circle at 76% 18%,rgba(111,88,255,.26),transparent 26%),radial-gradient(circle at 18% 28%,rgba(255,97,214,.14),transparent 20%),linear-gradient(135deg,#090a18 0%,#1f1238 54%,#090a12 100%)}
.cw18-feature:has(.cw18-theme-next){border-color:rgba(170,141,255,.28)}
.cw18-feature:has(.cw18-theme-next) .cw18-backdrop picture>img{object-position:center 42%;filter:saturate(1.04) contrast(1.02)}
.cw18-watch-next{background:linear-gradient(135deg,#f4e6ff 0%,#ffffff 100%);color:#24153d}
.cw18-logo-cloud{display:grid;gap:14px;padding-top:2px}
.cw18-logo-cloud-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.cw18-logo-cloud-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cw18-logo-cloud-track img{width:100%;height:44px;object-fit:contain;border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.cw18-next-cta{appearance:none;border:none;border-radius:999px;padding:14px 18px;font-weight:800;background:#fff;color:#171126;cursor:pointer;justify-self:start;box-shadow:0 18px 36px rgba(0,0,0,.18)}
html[data-theme="light"] .cw18-theme-next{background:radial-gradient(circle at 76% 18%,rgba(130,109,255,.22),transparent 26%),radial-gradient(circle at 18% 28%,rgba(255,97,214,.12),transparent 20%),linear-gradient(135deg,#efe9ff 0%,#d5caf6 54%,#f6f1ff 100%)}
html[data-theme="light"] .cw18-logo-cloud-label{color:#6b5f7c}
html[data-theme="light"] .cw18-logo-cloud-track img{background:rgba(94,66,123,.05);border-color:#e2d8eb}
html[data-theme="light"] .cw18-next-cta{background:#201629;color:#fff}
@media (max-width: 767px){
  .cw18-logo-cloud-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw18-poster-cta img{max-width:76%}
  .cw18-poster-stat{font-size:10px;left:12px;top:12px}
}



/* V125: Nuevo portfolio aislado. Sin herencia de tarjetas/paneles v16-v24. */
.cl25-portfolio{padding-top:clamp(65px,8vw,110px);padding-bottom:clamp(60px,7vw,100px);overflow:hidden}
.cl25-portfolio,.cl25-portfolio *{box-sizing:border-box}
.cl25-portfolio .container{max-width:1320px;margin-inline:auto}
.cl25-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.cl25-heading h2{margin:9px 0 0;font-size:clamp(28px,3.3vw,48px);line-height:1.09;letter-spacing:-.045em;color:var(--cw-text,#f8f5ff);font-weight:700}
.cl25-heading p{color:var(--cw-sub,#afa5be);font-size:14px;line-height:1.6;max-width:220px;margin:0 0 3px}
.cl25-showcase{position:relative;isolation:isolate;height:clamp(370px,37vw,490px);border:1px solid rgba(255,255,255,.13);overflow:hidden;border-radius:25px;background:#100d1b;box-shadow:0 24px 55px rgba(0,0,0,.22)}
.cl25-cover,.cl25-cover img{position:absolute;inset:0;display:block;width:100%;height:100%}
.cl25-cover img{object-fit:cover;object-position:center 45%;max-height:none;filter:none;transition:opacity .24s ease}
.cl25-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,16,.93) 0%,rgba(8,9,16,.74) 21%,rgba(8,9,16,.23) 54%,rgba(8,9,16,0) 80%),linear-gradient(0deg,rgba(8,9,16,.53),transparent 58%);pointer-events:none}
.cl25-showcase-info{position:absolute;z-index:2;bottom:32px;left:clamp(24px,4vw,55px);width:min(420px,calc(100% - 44px));display:flex;align-items:flex-start;flex-direction:column;gap:12px;color:#fff}
.cl25-caption{display:block;font-size:10px;font-weight:800;letter-spacing:.18em;color:#d8baff;text-transform:uppercase;line-height:1.4}
.cl25-showcase-info h3{margin:0;color:#fff;font-size:clamp(32px,3.5vw,51px);line-height:1.02;letter-spacing:-.045em;font-weight:750}
.cl25-showcase-info p{margin:0;color:rgba(255,255,255,.89);font-size:clamp(14px,1.12vw,17px);line-height:1.5;max-width:370px}
.cl25-primary{display:inline-flex;align-items:center;gap:22px;margin-top:10px;min-height:47px;padding:11px 18px;border-radius:999px;background:#fff;color:#171027;font-size:14px;font-weight:800;line-height:1.2;white-space:normal;text-decoration:none;transition:background .2s,transform .2s}
.cl25-primary:hover,.cl25-primary:focus-visible{background:#e9d7ff;color:#120c20;transform:translateY(-2px);outline:2px solid #ba8eff;outline-offset:2px}
.cl25-strip-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px;gap:12px;font-size:14px;font-weight:700;color:var(--cw-text,#fff)}
.cl25-strip-hint{color:var(--cw-sub,#aaa);font-weight:500;font-size:12px}
.cl25-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.cl25-poster{position:relative;display:block;min-width:0;aspect-ratio:0.73;appearance:none;border:1px solid rgba(255,255,255,.15);background:#1b1525;overflow:hidden;border-radius:17px;padding:0;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.cl25-poster>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;filter:none;transition:transform .4s ease}
.cl25-poster::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(5,6,12,.13) 34%,rgba(5,6,12,.91) 100%);pointer-events:none}
.cl25-poster-footer{position:absolute;z-index:2;bottom:16px;left:14px;right:10px;display:block;color:#fff;font-size:clamp(14px,1.4vw,19px);font-weight:750;line-height:1.2;letter-spacing:-.025em}
.cl25-poster:hover,.cl25-poster:focus-visible{transform:translateY(-4px);border-color:rgba(217,166,255,.7);box-shadow:0 15px 34px rgba(0,0,0,.3);outline:none}
.cl25-poster:hover>img{transform:scale(1.035)}
.cl25-poster.is-active{border-color:#d6a6ff;box-shadow:0 0 0 2px rgba(214,166,255,.55),0 12px 30px rgba(0,0,0,.25)}
.cl25-poster-special{background:radial-gradient(circle at center,#352055,#0e0a1c 76%)}
.cl25-poster-special>img{object-fit:cover;object-position:center center}
.cl25-special-count{position:absolute;z-index:2;top:13px;left:12px;right:auto;background:rgba(18,10,34,.67);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 10px;color:#fff;font-size:11px;letter-spacing:.04em;font-weight:800}
.cl25-showcase.is-next{background:radial-gradient(circle at 73% 50%,#33205c,#0b0a14 76%);border-color:rgba(185,129,255,.35)}
.cl25-showcase.is-next .cl25-cover{display:none}
.cl25-showcase.is-next .cl25-cover-shade{background:linear-gradient(90deg,rgba(10,8,23,1),rgba(10,8,23,.91) 35%,rgba(10,8,23,.1) 74%)}
.cl25-showcase-bot{display:none;position:absolute;right:2%;top:-12%;width:min(55%,620px);height:120%;max-width:none;max-height:none;object-fit:contain;z-index:0;mix-blend-mode:normal}
.cl25-showcase.is-next .cl25-showcase-bot{display:block}
.cl25-showcase-info .cl25-logos[hidden]{display:none}
.cl25-logos{display:flex;align-items:center;gap:9px;width:100%;margin-top:4px;flex-wrap:wrap}
.cl25-logos img{display:block;max-width:90px;width:calc((100% - 36px)/5);height:38px;object-fit:contain;background:rgba(255,255,255,.94);padding:7px;border-radius:9px}
.cl25-showcase.is-next .cl25-primary{background:#e7d3ff;color:#21102e}
html[data-theme="light"] .cl25-heading h2,html[data-theme="light"] .cl25-strip-heading{color:#231c30}
html[data-theme="light"] .cl25-heading p,html[data-theme="light"] .cl25-strip-hint{color:#6c5e7e}
html[data-theme="light"] .cl25-poster{border-color:rgba(88,64,110,.2)}
html[data-theme="light"] .cl25-poster.is-active{border-color:#8251af}
@media(max-width:1100px){.cl25-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(148px,19vw,195px);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 4px 13px;scrollbar-width:thin;scrollbar-color:#68527d transparent}.cl25-poster{scroll-snap-align:start}}
@media(max-width:767px){.cl25-heading{display:block;margin-bottom:18px}.cl25-heading h2{font-size:clamp(29px,7.5vw,39px)}.cl25-heading p{margin:8px 0 0;max-width:none}.cl25-showcase{height:480px;border-radius:20px}.cl25-cover img{object-position:center 32%}.cl25-cover-shade{background:linear-gradient(0deg,rgba(6,7,13,.97) 0%,rgba(6,7,13,.82) 25%,rgba(6,7,13,.28) 52%,transparent 80%)}.cl25-showcase-info{bottom:19px;left:20px;width:calc(100% - 40px);gap:9px}.cl25-showcase-info h3{font-size:34px}.cl25-showcase-info p{font-size:14px;line-height:1.45;max-width:100%}.cl25-primary{margin-top:7px;font-size:14px;padding:10px 18px;min-height:43px}.cl25-strip-heading{margin:17px 0 8px}.cl25-rail{grid-auto-columns:clamp(148px,40vw,188px);gap:10px}.cl25-poster{border-radius:14px}.cl25-poster-footer{font-size:17px}.cl25-showcase.is-next{height:525px}.cl25-showcase.is-next .cl25-showcase-bot{width:100%;height:330px;right:0;top:-12px;object-position:center top}.cl25-showcase.is-next .cl25-cover-shade{background:linear-gradient(0deg,rgba(10,8,21,.99) 0%,rgba(10,8,21,.98) 24%,rgba(10,8,21,.83) 43%,transparent 75%)}.cl25-logos img{height:32px;padding:5px}.cl25-showcase.is-next .cl25-showcase-info{bottom:15px}}
@media(prefers-reduced-motion:reduce){.cl25-poster,.cl25-poster>img,.cl25-primary{transition:none}}

.cl25-showcase-bot[hidden]{display:none!important}

/* Keep the section title visible below the site's two sticky navigation bars. */
#proyectos-web{scroll-margin-top:180px}
.cl25-showcase-bot{mask-image:radial-gradient(ellipse 74% 70% at center,black 61%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 74% 70% at center,black 61%,transparent 98%)}
@media(max-width:767px){#proyectos-web{scroll-margin-top:136px}.cl25-showcase-bot{mask-image:linear-gradient(to bottom,black 0%,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 65%,transparent 100%)}}


/* ==========================================================
   CONTRASTELAB V126 - legibilidad de modo claro
   Ajustes circunscritos a /web/. El modo oscuro permanece igual.
   ========================================================== */
html[data-theme="light"] .cl-web-page{
  --cw-sub:#564c61;
  --cw-muted:#685f72;
  --cw-line:rgba(52,34,69,.16);
}
/* Fondo y jerarquia editorial */
html[data-theme="light"] .cl-web-page .cl25-portfolio{
  background:linear-gradient(180deg,#fbf9fd 0%,#f5f1f9 100%);
}
html[data-theme="light"] .cl-web-page .cl25-heading h2{color:#201728}
html[data-theme="light"] .cl-web-page .cl25-heading p,
html[data-theme="light"] .cl-web-page .cl25-strip-hint{color:#5c5269}
html[data-theme="light"] .cl-web-page .cl25-strip-heading>span:first-child{color:#211a2c}
/* La pieza destacada funciona como fotografía editorial oscura en ambos temas:
   preservamos el texto blanco y reforzamos el degradado ante imágenes claras. */
html[data-theme="light"] .cl-web-page .cl25-showcase{
  border-color:rgba(49,33,70,.19);
  box-shadow:0 20px 50px rgba(42,29,59,.17),0 0 0 1px rgba(255,255,255,.6);
}
html[data-theme="light"] .cl-web-page .cl25-cover-shade{
  background:linear-gradient(90deg,rgba(8,9,16,.96) 0%,rgba(8,9,16,.84) 24%,rgba(8,9,16,.28) 58%,rgba(8,9,16,.02) 83%),
             linear-gradient(0deg,rgba(8,9,16,.58),transparent 60%);
}
html[data-theme="light"] .cl-web-page .cl25-showcase-info h3,
html[data-theme="light"] .cl-web-page .cl25-showcase-info p{color:#fff}
html[data-theme="light"] .cl-web-page .cl25-caption{color:#e1caff}
html[data-theme="light"] .cl-web-page .cl25-primary{background:#fff;color:#211630}
html[data-theme="light"] .cl-web-page .cl25-primary:hover,
html[data-theme="light"] .cl-web-page .cl25-primary:focus-visible{background:#ead8ff;color:#211630}
html[data-theme="light"] .cl-web-page .cl25-showcase.is-next{
  background:radial-gradient(circle at 73% 50%,#36205f 0%,#0c0918 76%);
}
html[data-theme="light"] .cl-web-page .cl25-showcase.is-next .cl25-cover-shade{
  background:linear-gradient(90deg,rgba(8,7,19,.98) 0%,rgba(8,7,19,.87) 33%,rgba(8,7,19,.08) 80%);
}
html[data-theme="light"] .cl-web-page .cl25-showcase.is-next .cl25-primary{
  background:#eee0ff;color:#20122d;
}
/* Tarjetas uniformes: la misma estructura y etiquetas blancas legibles */
html[data-theme="light"] .cl-web-page .cl25-poster{
  background:#151022;
  border-color:rgba(53,35,72,.23);
  box-shadow:0 8px 22px rgba(45,31,62,.10);
}
html[data-theme="light"] .cl-web-page .cl25-poster.is-active{
  border-color:#8654b7;
  box-shadow:0 0 0 2px rgba(134,84,183,.45),0 14px 27px rgba(59,41,82,.17);
}
html[data-theme="light"] .cl-web-page .cl25-poster-footer,
html[data-theme="light"] .cl-web-page .cl25-special-count{color:#fff}
html[data-theme="light"] .cl-web-page .cl25-special-count{
  background:rgba(14,9,28,.8);border-color:rgba(255,255,255,.33);
}
/* Mini Bot: subtítulos, pasos y estado de los botones en superficies claras */
html[data-theme="light"] .cl-ai-dx__bot-meta span,
html[data-theme="light"] .cl-ai-dx__progress span{color:#5b5367}
html[data-theme="light"] .cl-ai-dx__fake-input{color:#62596d;background:#f2eff5}
html[data-theme="light"] .cl-ai-dx__choice:focus-visible{outline:3px solid #8554c7;outline-offset:2px}
html[data-theme="light"] .cl-ai-dx__result-title p,
html[data-theme="light"] .cl-ai-dx__result-cards p,
html[data-theme="light"] .cl-ai-dx__result-cards article>span,
html[data-theme="light"] .cl-ai-dx__email-sheet>p,
html[data-theme="light"] .cl-ai-dx__email-sheet label{color:#60576b}
/* Footer: mejorar lectura de enlaces y legales de tamaño pequeño */
html[data-theme="light"] .cl-footer-v103{
  --ft-muted:#51495d;
  --ft-soft:#635b6e;
  --ft-border:rgba(42,31,53,.15);
  --ft-border-strong:rgba(42,31,53,.23);
}
html[data-theme="light"] .cl-footer-v103__nav a:hover,
html[data-theme="light"] .cl-footer-v103__legal a:hover{color:#6e368e!important}
@media (max-width:767px){
  html[data-theme="light"] .cl-web-page .cl25-cover-shade{
    background:linear-gradient(0deg,rgba(6,7,14,.98) 0%,rgba(6,7,14,.88) 28%,rgba(6,7,14,.38) 56%,transparent 83%);
  }
  html[data-theme="light"] .cl-web-page .cl25-showcase.is-next .cl25-cover-shade{
    background:linear-gradient(0deg,rgba(8,6,19,.99) 0%,rgba(8,6,19,.97) 28%,rgba(8,6,19,.74) 48%,transparent 77%);
  }
}


/* ==========================================================
   V127 — contrast of «Nuestro enfoque» in light mode.
   V126 changed the card backgrounds, but left headings white.
   Scoped to /web/, no dark-mode or other-page regression.
   ========================================================== */
html[data-theme="light"] .cl-web-page .cw10-principles-copy,
html[data-theme="light"] .cl-web-page .cw10-principles-list article {
  background: linear-gradient(165deg,#ffffff 0%,#f9f6fd 100%);
  border-color: #e1d8e9;
  box-shadow: 0 14px 36px rgba(38,27,53,.065);
}
html[data-theme="light"] .cl-web-page .cw10-principles-copy h2,
html[data-theme="light"] .cl-web-page .cw10-principles-copy h2 em {
  color: #24192f;
}
html[data-theme="light"] .cl-web-page .cw10-principles-list article h3 {
  color: #291d36;
}
html[data-theme="light"] .cl-web-page .cw10-principles-copy p,
html[data-theme="light"] .cl-web-page .cw10-principles-list article p {
  color: #50465e;
}
html[data-theme="light"] .cl-web-page .cw10-principles-list article > span {
  color: #693c98;
  background: #eee5fb;
  border: 1px solid #e5d6f7;
}
html[data-theme="light"] .cl-web-page .cw10-principles-copy .cw5-eyebrow {
  color: #734994;
}
html[data-theme="light"] .cl-web-page .cw10-principles-copy a {
  color: #1e1530;
  box-shadow: 0 4px 15px rgba(92,62,132,.10);
}
html[data-theme="light"] .cl-web-page .cw10-principles-copy a:focus-visible {
  outline: 3px solid #6b3fa0;
  outline-offset: 3px;
}


/* V128 · botón "Nuestro enfoque": separación inequívoca y dimensiones legibles */
.cl-web-page .cw10-principles-copy > p{margin:0;line-height:1.75;max-width:60ch}
.cl-web-page .cw10-principles-copy > a{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
  flex:none;gap:13px;width:max-content;max-width:100%;min-height:49px;
  margin:30px 0 0!important;padding:13px 22px!important;
  line-height:1.32;white-space:normal;text-align:center;
  border-radius:999px;text-decoration:none;position:relative;z-index:1;
  color:#21152e!important;background:linear-gradient(115deg,#eec1ff,#a7cafa);
  box-shadow:0 10px 25px rgba(145,95,222,.2);
}
.cl-web-page .cw10-principles-copy > a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(145,95,222,.26)}
.cl-web-page .cw10-principles-copy > a:focus-visible{outline:3px solid #a47add;outline-offset:3px}
html[data-theme="light"] .cl-web-page .cw10-principles-copy > a{color:#21152e!important}
@media(max-width:480px){.cl-web-page .cw10-principles-copy>a{min-height:48px;margin-top:25px!important;padding:12px 18px!important;font-size:13px}}

/* V128 · rotación de las cinco portadas dentro del hero, sin pantallas ficticias */
.cl-web-page .cw128-device-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#15121b;isolation:isolate}
.cl-web-page .cw128-device-screen img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:none}
.cl-web-page #cw128-hero-incoming{opacity:0;z-index:2;transition:opacity .72s ease;pointer-events:none}
.cl-web-page .cw128-device-screen.is-changing #cw128-hero-incoming{opacity:1}
.cl-web-page .cw5-device-main{backface-visibility:hidden}
.cl-web-page .cw128-hero-controls{
  position:absolute;z-index:6;bottom:13px;left:12px;
  display:flex;align-items:center;gap:10px;
  padding:7px 9px 7px 13px;border-radius:999px;
  background:rgba(16,13,26,.91);border:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 26px rgba(0,0,0,.20);backdrop-filter:blur(12px)
}
.cl-web-page .cw128-hero-dots{display:flex;align-items:center;gap:4px}
.cl-web-page .cw128-hero-dots button{appearance:none;border:none;background:transparent;cursor:pointer;width:23px;height:29px;padding:0;display:grid;place-items:center;position:relative}
.cl-web-page .cw128-hero-dots button::before{content:"";display:block;width:7px;height:7px;background:#777084;border-radius:50%;transition:background .2s,width .2s,border-radius .2s}
.cl-web-page .cw128-hero-dots button.is-active::before{background:#d7b3ff;width:18px;border-radius:99px}
.cl-web-page .cw128-hero-dots button:hover::before{background:#fff}
.cl-web-page .cw128-hero-dots button:focus-visible,.cl-web-page .cw128-hero-toggle:focus-visible{outline:2px solid #e8baff;outline-offset:2px;border-radius:8px}
.cl-web-page .cw128-hero-toggle{appearance:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:#30263c;color:#f7eaff;cursor:pointer;width:28px;height:28px;padding:0;border-radius:50%;font-size:14px;line-height:1}
.cl-web-page .cw128-hero-toggle:hover{background:#51356b}
.cl-web-page .cw128-hero-controls[hidden]{display:none}
/* Browser label: keep icon and changing domain on one line. */
.cl-web-page .cw5-device-url{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;margin:auto}
.cl-web-page .cw5-device-url span{margin-right:0}
.cl-web-page #cw128-hero-url{color:#eee7f5;font-size:10px}
.cl-web-page .cw5-hero-proof{transition:transform .24s,background .24s}
html[data-theme="light"] .cl-web-page .cw128-hero-controls{background:rgba(24,17,38,.92);border-color:rgba(255,255,255,.16)}
@media(max-width:991px){
 .cl-web-page .cw128-hero-controls{left:7%;bottom:8px}
 .cl-web-page .cw5-hero-proof{bottom:25px;right:1%}
}
@media(max-width:767px){
 .cl-web-page .cw5-hero-art{min-height:330px;padding-bottom:42px}
 .cl-web-page .cw5-device-main{width:92%;margin-left:3%}
 .cl-web-page .cw128-hero-controls{left:3%;bottom:4px;padding:5px 8px;gap:6px}
 .cl-web-page .cw128-hero-dots button{width:20px;height:27px}
 .cl-web-page .cw5-hero-proof{right:0;bottom:45px}
}
@media(max-width:390px){
 .cl-web-page .cw5-hero-art{min-height:300px}
 .cl-web-page .cw128-hero-controls{left:1%;bottom:2px}
 .cl-web-page .cw5-hero-proof{bottom:44px;right:0;max-width:54%}
}
@media(prefers-reduced-motion:reduce){
 .cl-web-page #cw128-hero-incoming{transition:none!important}
 .cl-web-page .cw128-hero-dots button::before{transition:none!important}
}
/* Navegación con encabezado fijo: evitar que tape la sección al seguir anclas. */
.cl-web-page #comparador,.cl-web-page #proyectos-web,.cl-web-page #funcionalidades,
.cl-web-page #tipos-web,.cl-web-page #proceso,.cl-web-page #preguntas{scroll-margin-top:160px}
html[data-theme="light"] .cl-web-page .cw8-hero-art-index{color:#674d87}
@media(max-width:767px){.cl-web-page #comparador,.cl-web-page #proyectos-web,.cl-web-page #funcionalidades,.cl-web-page #tipos-web,.cl-web-page #proceso,.cl-web-page #preguntas{scroll-margin-top:145px}}


/* V129 — FAQ: original transparent mascot integrated into a useful, compact contact card. */
.cw129-page .cw5-faq-intro .cw129-faq-bot {
  position:relative; display:flex; align-items:center; gap:4px; width:min(100%,400px);
  min-height:182px; margin-top:30px; padding:17px 16px 15px 0; border-radius:26px;
  overflow:hidden; isolation:isolate; text-decoration:none;
  background:radial-gradient(circle at 12% 60%,rgba(208,126,255,.20),transparent 47%),
             linear-gradient(130deg,#211a34 0%,#151424 56%,#131421 100%);
  border:1px solid rgba(188,159,255,.26);
  box-shadow:0 18px 40px rgba(17,10,33,.14);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.cw129-page .cw5-faq-intro .cw129-faq-bot:hover {transform:translateY(-3px);border-color:rgba(218,172,255,.52);box-shadow:0 23px 42px rgba(17,10,33,.2)}
.cw129-page .cw5-faq-intro .cw129-faq-bot:focus-visible {outline:3px solid #aa7cff;outline-offset:4px}
.cw129-faq-bot__image {flex:0 0 39%;position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;z-index:1}
.cw129-faq-bot__image img {display:block;width:112%;max-width:none;height:165px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 14px rgba(0,0,0,.25));transform:translate(-6px,12px);transition:transform .28s ease}
.cw129-faq-bot:hover .cw129-faq-bot__image img {transform:translate(-6px,6px) scale(1.045)}
.cw129-faq-bot__copy {flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2;color:#fff}
.cw129-faq-bot__copy small {display:flex;align-items:center;gap:8px;color:#d8c2fe;font-size:10px;font-weight:800;letter-spacing:.08em}
.cw129-faq-bot__copy small i {display:block;width:7px;height:7px;border-radius:50%;background:#7ee5b6;box-shadow:0 0 12px #7ee5b6aa}
.cw129-faq-bot__copy strong {font-size:19px;line-height:1.18;letter-spacing:-.035em;font-weight:800;color:#fff}
.cw129-faq-bot__copy>span {font-size:12px;line-height:1.5;color:#dcd6e6}
.cw129-faq-bot__copy b {display:inline-flex;align-items:center;gap:7px;margin-top:6px;min-height:36px;
  padding:10px 12px;border-radius:999px;background:#f5ecff;color:#20172a;
  font-size:11px;font-weight:800;line-height:1.15;white-space:nowrap}
/* The panel deliberately stays dark in both themes so its hero copy never loses contrast. */
html[data-theme="light"] .cw129-page .cw5-faq-intro .cw129-faq-bot {
  background:radial-gradient(circle at 14% 60%,rgba(218,157,255,.22),transparent 47%),
             linear-gradient(130deg,#29213d 0%,#1e192d 56%,#191625 100%);
  border-color:rgba(126,92,191,.28);box-shadow:0 18px 38px rgba(79,58,107,.12)}
html[data-theme="light"] .cw129-page .cw129-faq-bot__copy strong {color:#fff}
html[data-theme="light"] .cw129-page .cw129-faq-bot__copy>span {color:#e7e0f2}
@media(max-width:991px){
 .cw129-page .cw5-faq-intro .cw129-faq-bot {margin-top:22px;width:min(100%,420px)}
}
@media(max-width:575px){
 .cw129-page .cw5-faq-intro .cw129-faq-bot {min-height:142px;max-width:370px;border-radius:22px;margin-top:22px;padding:11px 12px 10px 0}
 .cw129-faq-bot__image {flex-basis:36%}
 .cw129-faq-bot__image img {height:138px;transform:translate(-5px,9px)}
 .cw129-faq-bot__copy {gap:4px}
 .cw129-faq-bot__copy small {font-size:9px}
 .cw129-faq-bot__copy strong {font-size:16px}
 .cw129-faq-bot__copy>span {font-size:11px}
 .cw129-faq-bot__copy b {font-size:10px;min-height:32px;margin-top:3px;padding:9px 10px}
}


/* V130: after auditing light/dark + desktop/mobile, protect anchor navigation,
   keyboard focus and floating Mini Bot without changing the design language. */
.cl-web-page :is(#tipos-web,#comparador,#funcionalidades,#proyectos-web,#proceso,#preguntas,#inicio){scroll-margin-top:156px}
.cl-web-page :is(.cw18-poster,.cw125-poster,.cw128-hero-dots button,.cw128-hero-toggle,.cw5-demo-tab,.cw5-accordion-button,.cw5-faq-question,.cw13-open-minibot):focus-visible{outline:3px solid #aa78f5!important;outline-offset:4px!important}
@media (max-width: 767px){
  .cl-web-page :is(#tipos-web,#comparador,#funcionalidades,#proyectos-web,#proceso,#preguntas,#inicio){scroll-margin-top:146px}
}

/* V130: active portfolio actually uses cl25 (legacy cw18 was replaced in V125). */
.cl-web-page :is(.cl25-poster,.cl25-primary,.cl25-poster-special,.cw128-hero-toggle,.cw128-hero-dots button):focus-visible{outline:3px solid #ac78ed!important;outline-offset:3px!important}


/* V131: exact homepage Mini Bot launcher base - same sizing, surfaces, animations, responsive. */
/* ContrasteLab V86 — floating Mini Bot launcher */
:root{
  --cl-bot-pink:#f55ccc;
  --cl-bot-violet:#7b61ff;
  --cl-bot-blue:#5d8cff;
}
.cl-minibot-launcher{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1006;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,20px,0) scale(.96);
  transition:opacity .35s ease, transform .35s ease, visibility .35s ease;
  -webkit-tap-highlight-color:transparent;
}
.cl-minibot-launcher.is-visible{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0) scale(1);
}
.cl-minibot-launcher.is-hidden-by-section{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,18px,0) scale(.95)!important;
}
.cl-minibot-launcher__copy{
  position:relative;
  width:238px;
  min-height:76px;
  padding:13px 46px 13px 16px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:rgba(12,11,20,.92);
  box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 0 1px rgba(126,87,255,.08) inset;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  text-align:left;
  overflow:hidden;
}
.cl-minibot-launcher__copy:before{
  content:"";
  position:absolute;
  inset:auto -22px -35px auto;
  width:105px;height:105px;border-radius:50%;
  background:radial-gradient(circle,rgba(245,92,204,.26),rgba(93,140,255,0) 70%);
  pointer-events:none;
}
.cl-minibot-launcher__copy small,
.cl-minibot-launcher__copy strong,
.cl-minibot-launcher__copy em{display:block;position:relative;z-index:1;}
.cl-minibot-launcher__copy small{
  margin-bottom:2px;
  color:#b8b5c8;
  font:600 11px/1.25 Arial,sans-serif;
  letter-spacing:.01em;
}
.cl-minibot-launcher__copy strong{
  color:#fff;
  font:800 15px/1.2 Arial,sans-serif;
}
.cl-minibot-launcher__copy em{
  margin-top:5px;
  color:#f4a6e4;
  font:700 11px/1.2 Arial,sans-serif;
  font-style:normal;
}
.cl-minibot-launcher__arrow{
  position:absolute;
  right:15px;
  top:50%;
  width:25px;height:25px;
  margin-top:-12.5px;
  border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--cl-bot-pink),var(--cl-bot-blue));
  color:#fff;
  font:900 14px/1 Arial,sans-serif;
  box-shadow:0 6px 18px rgba(123,97,255,.3);
  animation:clBotArrow 1.5s ease-in-out infinite;
}
.cl-minibot-launcher__orb{
  position:relative;
  flex:0 0 80px;
  width:80px;height:80px;
  border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),rgba(255,255,255,.04) 52%,rgba(124,87,255,.12));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 35px rgba(128,84,255,.2);
  isolation:isolate;
}
.cl-minibot-launcher__orb:before,
.cl-minibot-launcher__orb:after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  border:1px solid rgba(242,98,209,.36);
  animation:clBotRing 2.6s ease-out infinite;
  z-index:-1;
}
.cl-minibot-launcher__orb:after{
  inset:-13px;
  border-color:rgba(102,126,255,.24);
  animation-delay:1.3s;
}
.cl-minibot-launcher__orb img{
  width:78px;height:78px;
  object-fit:contain;
  transform-origin:50% 70%;
  animation:clBotFloat 2.8s ease-in-out infinite;
  filter:drop-shadow(0 9px 13px rgba(0,0,0,.26));
  transition:opacity .16s ease,transform .2s ease;
}
.cl-minibot-launcher__dot{
  position:absolute;
  top:3px;right:5px;
  width:13px;height:13px;
  border-radius:50%;
  background:#ff5bcf;
  border:3px solid #12101b;
  box-shadow:0 0 0 0 rgba(255,91,207,.7);
  animation:clBotPing 1.8s ease-out infinite;
}
.cl-minibot-launcher:hover .cl-minibot-launcher__copy,
.cl-minibot-launcher:focus-visible .cl-minibot-launcher__copy{
  border-color:rgba(246,112,214,.5);
  box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 34px rgba(121,86,255,.15);
}
.cl-minibot-launcher:hover .cl-minibot-launcher__orb img{transform:translateY(-4px) rotate(-4deg) scale(1.05);}
.cl-minibot-launcher:focus-visible{outline:3px solid rgba(122,103,255,.7);outline-offset:5px;border-radius:26px;}

/* Keep the old back-to-top control from fighting for the same corner. */
.back-to-top{right:auto!important;left:24px!important;bottom:24px!important;}

@keyframes clBotFloat{0%,100%{transform:translateY(0) rotate(0deg)}45%{transform:translateY(-7px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(1.5deg)}}
@keyframes clBotRing{0%{opacity:.55;transform:scale(.88)}70%,100%{opacity:0;transform:scale(1.15)}}
@keyframes clBotPing{0%{box-shadow:0 0 0 0 rgba(255,91,207,.6)}70%,100%{box-shadow:0 0 0 12px rgba(255,91,207,0)}}
@keyframes clBotArrow{0%,100%{transform:translateX(0)}45%{transform:translateX(3px)}}

@media (max-width:767px){
  .cl-minibot-launcher{right:12px;bottom:13px;gap:8px;}
  .cl-minibot-launcher__copy{
    width:205px;
    min-height:64px;
    padding:10px 40px 10px 13px;
    border-radius:18px;
  }
  .cl-minibot-launcher__copy small{font-size:10px;}
  .cl-minibot-launcher__copy strong{font-size:13px;}
  .cl-minibot-launcher__copy em{font-size:10px;margin-top:3px;}
  .cl-minibot-launcher__arrow{right:11px;width:23px;height:23px;font-size:13px;}
  .cl-minibot-launcher__orb{flex-basis:66px;width:66px;height:66px;}
  .cl-minibot-launcher__orb img{width:65px;height:65px;}
  .cl-minibot-launcher__dot{width:11px;height:11px;border-width:2px;}
  .back-to-top{left:12px!important;bottom:12px!important;width:44px!important;height:44px!important;line-height:44px!important;}
}
@media (max-width:420px){
  .cl-minibot-launcher__copy{width:188px;}
  .cl-minibot-launcher__copy small{display:none;}
  .cl-minibot-launcher__copy strong{font-size:12.5px;}
  .cl-minibot-launcher__copy em{font-size:9.5px;}
}
@media (prefers-reduced-motion:reduce){
  .cl-minibot-launcher *,
  .cl-minibot-launcher *:before,
  .cl-minibot-launcher *:after{animation:none!important;transition:none!important;}
}