:root{--ux-surface:#111518;--ux-text:#eee8dc;--ux-muted:#b8b4ad;--ux-gold:#e6c18a;--ux-line:#b9975d38;--ux-radius:18px}
html body :is(main,.section,.naxo-catalog-page,.container){line-height:1.9}
html body header#naxo-ux-header{padding-block:10px!important;min-height:76px!important;gap:18px!important}
html body header#naxo-ux-header .naxo-auth-login{display:none!important}
html body header#naxo-ux-header .naxo-header-cta{min-height:40px!important;box-shadow:none!important}
html body header#naxo-ux-header .ux-menu-login{display:none!important}
html body #app .hero{min-height:540px!important;padding-block:48px!important;gap:48px!important}
html body #app .hero>.copy{max-width:660px!important}
html body #app .hero h1{font-size:clamp(38px,4.4vw,62px)!important;line-height:1.5!important;letter-spacing:0!important;text-shadow:0 3px 18px #0008!important;margin:18px 0!important}
html body #app .hero>.naxo-hero-brand{width:210px!important;height:210px!important;box-shadow:0 16px 48px #0007!important}
html body #app .hero .copy>p{max-width:56ch!important;font-size:16px!important;line-height:1.95!important}
html body #app .hero .copy>.ux-hero-note{font-size:11px!important;color:#c5beb1!important;margin-top:18px!important}
html body :is(.card,.panel,.plan,.step,.naxo-service-detail){border-color:var(--ux-line)!important;box-shadow:none!important;border-radius:var(--ux-radius)!important}
html body :is(.btn,.cardBtn,.naxo-header-cta){box-shadow:none!important;border-radius:12px!important;min-height:46px!important;font-weight:700!important}
html body .card .body{padding:22px!important}html body .card h3{line-height:1.7!important}html body .card p{line-height:1.95!important;color:var(--ux-muted)!important}
html body [data-ux-need][hidden]{display:none!important}
html body .ux-service-picker{width:100%;margin:24px 0!important;padding:0!important}
html body .ux-service-picker h2{font:700 20px/1.8 Cairo,Tahoma,sans-serif!important;margin:0 0 14px!important;color:var(--ux-text)!important}
html body .ux-need-tabs{display:flex;flex-wrap:wrap;gap:10px}
html body .ux-need-tabs button{font:600 12px/1.8 Cairo,Tahoma,sans-serif;min-height:44px;padding:10px 17px;background:#111518;color:#d9d1c4;border:1px solid var(--ux-line);border-radius:12px;cursor:pointer}
html body .ux-need-tabs button[aria-pressed=true]{background:#e6c18a;color:#1a160e;border-color:#e6c18a}
html body .ux-filter-note{font-size:12px!important;color:var(--ux-muted)!important;line-height:1.9;margin:12px 0 20px}
html body .ux-portfolio{max-width:1240px!important;margin:0 auto!important;padding:48px 24px 64px!important}
html body .ux-portfolio>h1{font-size:clamp(30px,4vw,44px)!important;margin:0 0 14px!important;line-height:1.6!important}
html body .ux-portfolio>.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin-top:28px!important}
html body .ux-portfolio .card{background:#111518!important;padding:0!important;overflow:hidden!important}
html body .ux-portfolio .card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
html body .ux-portfolio .ux-work-copy{padding:22px}
html body .ux-portfolio .ux-example-label{font-size:11px;color:#e6c18a;border:1px solid var(--ux-line);border-radius:8px;padding:5px 9px;display:inline-block}
html body .ux-portfolio h2{font-size:20px;line-height:1.7;margin:16px 0 10px}
html body .ux-portfolio details{margin:16px 0;padding-top:14px;border-top:1px solid var(--ux-line)}
html body .ux-portfolio summary{min-height:44px;cursor:pointer;color:#e6c18a;font-weight:600}
html body .ux-portfolio details p{font-size:13px;line-height:1.95}
html body .ux-request-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;counter-reset:ux-step;margin:24px 0 16px}
html body .ux-request-steps li{counter-increment:ux-step;padding:12px 8px;border-bottom:2px solid #ffffff20;color:#aaa;font-size:12px}
html body .ux-request-steps li::before{content:counter(ux-step);display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff30;border-radius:50%;margin-inline-end:7px}
html body .ux-request-steps li[aria-current=step]{color:#e6c18a;border-color:#e6c18a}
html body .ux-step-caption{font-size:12px!important;color:#c9c0b0!important;outline:none!important}
html body #requestForm[data-ux-step="1"] .fields>[data-ux-step="2"],html body #requestForm[data-ux-step="2"] .fields>[data-ux-step="1"],html body #requestForm[data-ux-step="3"] .fields{display:none!important}
html body #requestForm .actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
html body #requestForm .actions [hidden]{display:none!important}
html body .ux-secondary{background:transparent;color:#ddd2c0;border:1px solid #b9975d60;border-radius:12px;min-height:46px;padding:10px 20px;cursor:pointer}
html body .ux-request-review{border:1px solid var(--ux-line);border-radius:16px;padding:20px;background:#0d1114}
html body .ux-summary-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:18px;padding:12px 0;border-bottom:1px solid #ffffff10;font-size:13px}
html body .ux-summary-row span{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9c1b6}
html body .ux-account-next{border:1px solid var(--ux-line);border-radius:16px;padding:20px;margin:20px 0;background:#101518}
html body .ux-account-next h3{font-size:18px;color:#e6c18a;margin-top:0}
html body .ux-account-next .actions{display:flex;gap:12px;flex-wrap:wrap}
html body .ux-project-status{border-inline-start:3px solid #d2ac72;padding:10px 14px;margin-block:12px;background:#ffffff03}
@media(max-width:1080px){html body header#naxo-ux-header .ux-menu-login{display:flex!important}}
@media(max-width:760px){html body header#naxo-ux-header{grid-template-columns:minmax(0,1fr) 38px 44px!important;grid-template-areas:"brand notifications menu" "actions actions actions"!important;padding:9px 16px!important;gap:7px!important}html body header#naxo-ux-header>.naxo-auth-actions{justify-content:space-between!important}html body header#naxo-ux-header .naxo-header-cta{flex:1!important;min-height:38px!important;font-size:11px!important;padding:8px 14px!important}html body header#naxo-ux-header #naxo-lang-fixed{min-height:38px!important;height:38px!important}html body #app .hero{padding:28px 22px 36px!important;gap:20px!important;min-height:0!important}html body #app .hero>.naxo-hero-brand{width:104px!important;height:104px!important}html body #app .hero h1{font-size:clamp(32px,8vw,40px)!important;line-height:1.5!important;margin:14px 0!important}html body #app .hero .copy>p{font-size:14px!important}html body #app .hero .actions{margin-top:20px!important}html body #app .hero .actions .btn{min-height:46px!important}html body #app .hero .ux-hero-note{margin-bottom:0!important}html body .ux-need-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body .ux-need-tabs button:first-child{grid-column:1/-1}html body .ux-need-tabs button{padding:10px;font-size:11px}html body .ux-service-picker h2{font-size:18px!important}html body .ux-portfolio{padding:28px 18px 100px!important}html body .ux-portfolio>.grid{grid-template-columns:1fr!important;gap:20px!important}html body .ux-request-steps{gap:6px}html body .ux-request-steps li{font-size:10px;text-align:center;padding:10px 3px}html body .ux-request-steps li::before{display:grid;margin:0 auto 6px}html body .ux-summary-row{grid-template-columns:1fr;gap:6px}html body #requestForm .actions button{flex:1}html body .ux-account-next .actions .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

html body [data-work-group][hidden]{display:none!important}