/* UXINOX extension: existing brand tokens, font and responsive motion are retained. */
body[data-page="contact"] .whatsapp-float{display:none}
.ux-kicker{font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:24px}
.ux-display{font-family:var(--display);font-weight:700;font-size:clamp(3rem,5.8vw,6rem);line-height:.91;letter-spacing:-.035em;margin:0 0 28px}.ux-display span{color:var(--accent)}
.ux-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.78rem;margin-bottom:44px;color:var(--muted)}.ux-crumb a{text-decoration:none}.ux-crumb a:hover{color:#fff}
.ux-service-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);background:var(--ink);color:#fff;min-height:740px}
.ux-service-copy{padding:42px clamp(24px,4.5vw,76px) 76px;align-self:center;min-width:0}.ux-service-copy h1{font-family:var(--body);font-weight:400;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.5;margin:0 0 25px;max-width:36ch;color:#d3d5d6}
.ux-service-copy .ux-kicker{color:#ff9a74;margin-bottom:22px}.ux-service-copy .ux-lede{color:#c4c8ca;max-width:48ch;margin-bottom:32px}.ux-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.ux-text-link{text-decoration:none;border-bottom:1px solid currentColor;padding:9px 0;display:inline-flex;gap:22px;align-items:center;font-size:.9rem}.ux-text-link:hover{color:var(--accent)}
.ux-service-photo{margin:0;min-height:680px;position:relative;overflow:hidden}.ux-service-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;animation:ux-image-enter 1.5s cubic-bezier(.2,.65,.25,1) both}.ux-service-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}.ux-service-photo figcaption{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;gap:14px;font-size:.72rem;letter-spacing:.08em;align-items:center}.ux-service-photo figcaption span{border-left:2px solid var(--accent);padding-left:12px}.ux-service-photo figcaption a{padding-block:12px}
@keyframes ux-image-enter{from{transform:scale(1.035);opacity:.5}to{transform:scale(1);opacity:1}}
.ux-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;padding-block:110px 60px}.ux-intro>.ux-kicker{padding-top:12px;color:#555c5e}.ux-intro h2,.ux-steps h2,.ux-faq h2,.ux-form-panel h2{font-family:var(--display);font-size:clamp(2.5rem,4vw,4.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.02;margin-bottom:28px}.ux-intro p:not(.ux-kicker){font-size:1.13rem;max-width:57ch;color:#484f52}
.ux-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-bottom:110px}.ux-topic{border-top:1px solid var(--dark-line);padding-top:22px}.ux-topic>span{font-family:var(--display);font-size:1.1rem;color:var(--accent-on-light)}.ux-topic h3{font-family:var(--display);font-size:1.8rem;font-weight:600;line-height:1.1;margin:24px 0 18px}.ux-topic p{color:#484f52;max-width:42ch;margin-bottom:0}
.ux-project-strip{display:grid;grid-template-columns:1.15fr .85fr;background:#171b1e;color:#fff;min-height:580px}.ux-project-photo{display:block;position:relative;overflow:hidden;min-height:580px}.ux-project-photo img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .6s ease}.ux-project-photo:hover img{transform:scale(1.025)}.ux-project-copy{align-self:center;padding:70px clamp(24px,5vw,80px)}.ux-project-copy .ux-kicker{color:#c4c8ca}.ux-project-copy p:not(.ux-kicker){color:#c4c8ca;max-width:38ch}.ux-project-copy .ux-display{font-size:clamp(3rem,5vw,5rem)}
.ux-steps{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.ux-steps ol{padding:0;margin:0;list-style:none}.ux-steps li{display:flex;gap:26px;border-top:1px solid var(--dark-line);padding:26px 0}.ux-steps li:last-child{padding-bottom:0}.ux-steps li>b{color:var(--accent-on-light);font-family:var(--display);font-size:1.25rem}.ux-steps h3{font-family:var(--display);font-size:1.65rem;margin-bottom:10px}.ux-steps p{color:#484f52;margin-bottom:0}
.ux-faq{padding-block:65px 110px;border-top:1px solid var(--dark-line);display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.ux-faq details{border-bottom:1px solid var(--dark-line)}.ux-faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;padding:24px 0;font-weight:600}.ux-faq summary::-webkit-details-marker{display:none}.ux-faq summary>span{color:var(--accent-on-light);font-size:1.5rem;line-height:1;transition:transform .2s}.ux-faq details[open] summary>span{transform:rotate(45deg)}.ux-faq details p{color:#484f52;max-width:55ch;margin-bottom:26px}
.ux-end{background:var(--ink);color:#fff;padding-block:90px}.ux-end>.section-shell{position:relative}.ux-end p:not(.ux-kicker){color:#c4c8ca;max-width:45ch}.ux-end .button{margin-top:12px}.ux-end .ux-display{font-size:clamp(3.5rem,7vw,7rem)}
.ux-service-links{border-top:1px solid var(--dark-line);margin-block:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ux-service-links>a{display:flex;align-items:center;gap:18px;padding:28px 20px;text-decoration:none;font-family:var(--display);font-size:clamp(1rem,1.4vw,1.45rem);border-bottom:1px solid var(--dark-line);transition:background .2s,color .2s}.ux-service-links>a:hover,.ux-service-links>a[aria-current=page]{background:var(--ink);color:#fff}.ux-service-links>a>span{color:var(--accent-on-light);font-size:.85rem;font-family:var(--body)}.ux-service-links>a[aria-current=page]>span,.ux-service-links>a:hover>span{color:#ff9a74}.ux-service-links b{margin-left:auto;font-weight:400}.ux-footer{gap:38px}.ux-footer>nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.85rem;max-width:560px}.ux-footer a{padding-block:10px}.ux-footer>nav a:hover{color:#ff9a74}.ux-footer{border-top:1px solid var(--line)}
.ux-service-directory{padding-block:100px}.ux-directory-title{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.ux-directory-title h2{font:600 clamp(2.6rem,5vw,5rem)/.95 var(--display);margin:0;letter-spacing:-.03em}.ux-directory-title h2 span{color:var(--accent-on-light)}.ux-directory-title p{max-width:35ch;color:#484f52}.ux-related{padding-block:48px;display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid var(--dark-line)}.ux-related>span{font-size:.75rem;letter-spacing:.1em}.ux-related a{font-family:var(--display);font-size:1.6rem}
.ux-contact-intro{padding-block:52px 60px}.ux-contact-intro .ux-crumb{color:#555c5e}.ux-contact-intro .ux-crumb a:hover{color:var(--ink)}.ux-contact-intro .ux-display{font-size:clamp(3.5rem,7vw,7rem)}.ux-contact-intro .ux-display span{color:var(--accent-on-light)}.ux-contact-intro>p:last-child{font-size:1.15rem;color:#484f52;max-width:55ch}
.ux-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);padding-bottom:70px;align-items:start}.ux-contact-aside{display:flex;align-items:flex-start;flex-direction:column;min-width:0}.ux-phone{font:600 clamp(2.4rem,4vw,4rem)/1 var(--display);text-decoration:none;margin-bottom:20px;letter-spacing:-.03em}.ux-contact-aside>.button{margin-block:26px 0}.ux-contact-tip{margin-top:48px;max-width:42ch}.ux-contact-tip h2{font:600 1.8rem/1.15 var(--display)}.ux-contact-tip p{color:#484f52}.ux-contact-aside>img{width:100%;height:240px;object-fit:cover;margin-top:18px}
.ux-form-panel{padding:36px clamp(20px,3vw,48px) 46px;background:#fff;border-top:3px solid var(--accent);scroll-margin-top:24px}.ux-form-panel h2{font-size:clamp(2.4rem,3.8vw,3.8rem)}.ux-form-panel form{display:grid;gap:22px}.ux-field{display:flex;flex-direction:column;gap:9px;min-width:0}.ux-field label{font-size:.87rem;font-weight:600}.ux-field input,.ux-field textarea,.ux-field select{font:inherit;width:100%;min-height:50px;padding:12px;border:1px solid #747b7f;background:#fff;color:var(--ink);border-radius:0}.ux-field textarea{resize:vertical}.ux-field :focus-visible{outline:2px solid var(--accent-on-light);outline-offset:3px}.ux-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ux-form-help{font-size:.83rem;color:#535a5e;margin:0;line-height:1.6}.ux-mail-preview{padding:20px;background:#f2f2ee;border-left:3px solid var(--accent)}.ux-mail-preview[hidden]{display:none}.ux-mail-preview .button{margin-block:10px 18px;max-width:100%}
@media(min-width:1100px){.ux-end .button{position:absolute;right:0;bottom:0}.ux-end p:not(.ux-kicker){max-width:40ch}}
@media(max-width:960px){.ux-service-hero{grid-template-columns:1fr}.ux-service-copy{padding:38px 24px 60px}.ux-service-photo{min-height:560px}.ux-service-copy .ux-display{font-size:clamp(3.2rem,9vw,5.5rem)}.ux-intro{grid-template-columns:1fr;gap:10px;padding-block:70px 40px}.ux-topics{gap:24px;padding-bottom:70px}.ux-project-strip{grid-template-columns:1fr}.ux-project-photo{min-height:480px}.ux-project-copy{padding:60px 24px}.ux-steps{gap:40px;padding-block:70px}.ux-faq{gap:32px;padding-bottom:70px}.ux-contact-grid{gap:36px}.ux-footer>nav{max-width:none}}
@media(max-width:640px){.ux-service-copy{padding-inline:20px}.ux-crumb{margin-bottom:36px}.ux-service-copy .ux-display{font-size:clamp(2.8rem,11.8vw,4.4rem)}.ux-service-photo{min-height:440px}.ux-service-photo figcaption{left:20px;right:20px}.ux-actions{gap:18px}.ux-actions>.button{width:100%}.ux-topics{grid-template-columns:1fr;gap:30px}.ux-topic p{max-width:none}.ux-topic h3{margin-top:18px}.ux-steps,.ux-faq,.ux-directory-title,.ux-contact-grid{grid-template-columns:1fr;gap:28px}.ux-steps h2,.ux-faq h2{margin-bottom:0}.ux-service-links{grid-template-columns:1fr}.ux-service-links>a{padding:24px 10px;font-size:1.3rem}.ux-related{flex-direction:column;align-items:flex-start}.ux-service-directory{padding-block:70px}.ux-contact-intro{padding-block:35px 35px}.ux-contact-intro .ux-display{font-size:clamp(3.2rem,13vw,5rem)}.ux-contact-aside>img{height:200px}.ux-contact-tip{margin-top:32px}.ux-form-panel{padding:26px 18px 32px}.ux-form-pair{grid-template-columns:1fr}.ux-form-panel button{font-size:.9rem;padding-inline:14px;gap:12px}.ux-project-photo{min-height:400px}.ux-end{padding-block:70px}.ux-footer>nav{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.ux-service-photo>img{animation:none}.ux-project-photo img,.ux-service-links>a,.ux-faq summary>span{transition:none}}

/* Domain-ready content extensions: inherited UXINOX typography and palette. */
.ux-editorial-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,100px);align-items:center;padding-bottom:90px}.ux-editorial-hero>img{width:100%;height:580px;object-fit:cover}.ux-editorial-hero h2{font:600 clamp(2.8rem,4vw,4.5rem)/1 var(--display);letter-spacing:-.025em}.ux-editorial-hero p:not(.ux-kicker){color:#484f52;max-width:44ch}.ux-editorial-hero .button{margin-top:20px}.ux-article{max-width:850px;padding-block:50px 100px}.ux-article section{margin-bottom:52px}.ux-article h2{font:600 clamp(2rem,3.2vw,3rem)/1.1 var(--display);letter-spacing:-.02em}.ux-article p{color:#3e4649;font-size:1.05rem;line-height:1.85}.ux-article>p{margin-top:26px}.ux-guide-photo{margin-block:0}.ux-guide-photo>img{width:100%;height:clamp(300px,40vw,570px);object-fit:cover}.ux-guide-list{padding-block:20px 100px}.ux-guide-list>a{display:grid;grid-template-columns:140px 1fr .8fr 30px;align-items:start;gap:30px;border-top:1px solid var(--dark-line);padding:38px 0;text-decoration:none}.ux-guide-list>a>span{font-size:.72rem;color:var(--accent-on-light);letter-spacing:.1em;padding-top:10px}.ux-guide-list h2{font:600 clamp(1.8rem,3vw,2.8rem)/1.06 var(--display);margin:0;letter-spacing:-.02em}.ux-guide-list p{color:#484f52;margin:0}.ux-guide-list b{color:var(--accent-on-light);font-size:1.5rem;font-weight:400}.ux-guide-list>a:hover h2{text-decoration:underline;text-underline-offset:.15em}.ux-footer>nav{max-width:750px}.ux-service-links{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-link-panel{padding:45px 0;border-top:1px solid var(--dark-line);display:flex;flex-wrap:wrap;gap:30px;align-items:center}.ux-link-panel>a{font-family:var(--display);font-size:1.8rem;text-decoration:none}.ux-link-panel>a:hover{color:var(--accent-on-light)}
@media(max-width:900px){.ux-editorial-hero{grid-template-columns:1fr;gap:32px;padding-bottom:50px}.ux-editorial-hero>img{height:420px}.ux-guide-list>a{grid-template-columns:85px 1fr 24px;gap:20px}.ux-guide-list p{grid-column:2;grid-row:2}.ux-guide-list b{grid-column:3;grid-row:1}.ux-article{padding-bottom:60px}}
@media(max-width:640px){.ux-service-links{grid-template-columns:1fr}.ux-editorial-hero>img{height:350px}.ux-guide-list>a{grid-template-columns:1fr 24px}.ux-guide-list>a>span{grid-column:1}.ux-guide-list h2{grid-column:1}.ux-guide-list p{grid-column:1;grid-row:auto}.ux-guide-list b{grid-column:2}.ux-article{padding-top:40px}.ux-article p{font-size:1rem}.ux-guide-list{padding-bottom:65px}}