/* NÜANS Corporate Site — static, responsive, dependency-free */
:root{--ink:#09090b;--ink2:#18181b;--slate:#27272a;--muted:#5f6068;--fog:#71717a;--line:#e4e4e7;--canvas:#f4f4f5;--card:#fff;--subtle:#fafafa;--red:#df243f;--red2:#bd1531;--orange:#ff5a00;--r:36px;--r2:20px;--r3:14px;--max:1200px;--shadow:0 18px 50px rgba(9,9,11,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink2);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:1000;background:#fff;padding:12px 16px;border-radius:12px}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.topline{font-size:12px;background:var(--ink);color:#fff}.topline .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.topline a{opacity:.86}.topline a:hover{opacity:1}.toplinks{display:flex;gap:16px;flex-wrap:wrap}.header{position:sticky;top:0;z-index:100;background:rgba(244,244,245,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,228,231,.8)}.nav{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:220px}.brand img{width:210px;display:block}.navlinks{display:flex;gap:24px;align-items:center;margin-left:auto}.navlinks a{font-size:14px;color:#313137}.navlinks a:hover{color:var(--red)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:13px 17px;cursor:pointer;font-weight:600;transition:.2s ease}.btn-dark{background:var(--ink);color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.4),0 0 0 1px #2c2e34}.btn-dark:hover{transform:translateY(-1px);background:#18181b}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-light:hover{border-color:#c6c6cb}.btn-wide{width:100%}.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px}
.hero{padding:88px 0 42px}.hero-grid{display:grid;grid-template-columns:1.32fr .68fr;gap:28px;align-items:stretch}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-.045em;margin:20px 0 22px;color:var(--ink);max-width:900px}.hero h1 em{font-style:normal;color:var(--red)}.lead{font-size:18px;line-height:1.62;color:var(--muted);max-width:780px}.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.trustline{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);font-size:12px}.hero-panel{background:var(--ink2);border-radius:var(--r);padding:30px;color:#fff;display:flex;flex-direction:column;min-height:480px}.hero-panel .mini{font-size:12px;color:#b8b8c1;text-transform:uppercase;letter-spacing:.08em}.hero-panel h2{font-size:32px;line-height:1.15;margin:14px 0 18px}.route-list{display:grid;gap:10px;margin-top:auto}.route{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid #35353b;border-radius:16px;background:#232329;color:#f5f5f5}.route:hover{border-color:#5b5b64}.route span:last-child{color:#9b9ba5}.accent{display:inline-flex;padding:5px 9px;border-radius:12px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}
.logo-strip{padding:22px 0 10px}.logo-strip .box{display:flex;gap:9px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:28px}.logo-chip{padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;font-weight:700;color:#4a4a51}.logo-chip small{font-weight:500;color:#83838d}
.section{padding:86px 0}.section.tight{padding:54px 0}.section-head{display:grid;grid-template-columns:1fr .9fr;gap:36px;margin-bottom:32px;align-items:end}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 0;color:var(--ink)}.section-head p{margin:0;color:var(--muted);font-size:17px}.grid{display:grid;gap:16px}.services{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;position:relative;overflow:hidden}.card:hover{border-color:#cfd0d4}.card-num{font-size:12px;color:#95959e;font-weight:700}.card h3{font-size:23px;letter-spacing:-.02em;margin:30px 0 10px;color:var(--ink)}.card p{color:var(--muted);margin:0 0 20px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:12px;padding:5px 8px;border:1px solid var(--line);border-radius:12px}.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;font-size:13px}.card-link:hover{color:var(--red)}
.dark{background:var(--ink2);color:#fff;border-radius:48px;padding:52px}.dark h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0 0 22px;letter-spacing:-.035em}.dark p{color:#c3c3ca}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.checklist{display:grid;gap:10px}.check{padding:15px 16px;border:1px solid #34343b;border-radius:16px;background:#202026}.check strong{display:block;margin-bottom:4px}.check span{color:#b6b6be;font-size:13px}
.procurement{grid-template-columns:1.05fr .95fr}.procurement .catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.catalog-item{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.catalog-item strong{display:block;margin-bottom:4px}.catalog-item span{font-size:13px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border-top:1px solid var(--line);padding-top:20px}.stat b{display:block;font-size:34px;color:var(--ink);letter-spacing:-.035em}.stat span{font-size:13px;color:var(--muted)}
.process{grid-template-columns:repeat(4,1fr)}.process .card{min-height:260px}.process .card h3{margin-top:48px}
.cta{background:var(--red);color:#fff;border-radius:48px;padding:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.cta h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}.cta p{margin:0;max-width:720px;color:#ffe8ec}.cta .btn{background:#fff;color:var(--ink)}
.pagehero{padding:70px 0 28px}.pagehero .box{background:var(--ink2);color:#fff;border-radius:48px;padding:50px}.pagehero h1{font-size:clamp(42px,6vw,70px);line-height:1.05;letter-spacing:-.045em;margin:16px 0 20px}.pagehero p{font-size:18px;color:#c8c8cf;max-width:820px}.breadcrumb{font-size:12px;color:#92929d}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{min-height:220px}.feature h3{margin-top:18px}.brand-grid{grid-template-columns:repeat(4,1fr)}.brand-card{min-height:210px}.brand-card .brandname{font-size:25px;font-weight:800;letter-spacing:-.03em}.brand-card p{font-size:14px}
.faq{max-width:920px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:20px;margin:10px 0;padding:2px 18px}.faq summary{cursor:pointer;font-weight:700;padding:18px 0}.faq p{padding:0 0 18px;color:var(--muted);margin:0}
.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-card{background:var(--ink2);color:#fff;border-radius:36px;padding:30px}.contact-card h2{font-size:34px;line-height:1.1}.contact-card p{color:#c1c1c9}.contact-list{display:grid;gap:10px;margin-top:26px}.contact-list a,.contact-list div{padding:13px 0;border-bottom:1px solid #34343b}.form-card{background:#fff;border:1px solid var(--line);border-radius:36px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dcdce1;background:#fff;border-radius:14px;padding:13px 14px;color:var(--ink);outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7d7d86;box-shadow:0 0 0 3px rgba(9,9,11,.05)}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted)}.checkbox input{margin-top:3px}.form-status{font-size:13px;margin-top:12px;padding:10px 12px;border-radius:12px;display:none}.form-status.ok{display:block;background:#eefaf1;color:#1f6d35}.form-status.err{display:block;background:#fff0f2;color:#a51b31}.hp{position:absolute!important;left:-9999px!important;opacity:0!important}
.footer{margin-top:90px;background:#0e0e11;color:#fff}.footer-main{padding:52px 0 32px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px}.footer-logo{background:#fff;border-radius:16px;padding:8px 10px;width:200px}.footer p,.footer a{color:#aeafb7;font-size:13px}.footer a:hover{color:#fff}.footer h4{margin:4px 0 14px}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid #2b2b31;padding:18px 0;color:#8c8c95;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mobile-cta{display:none}
.notice{font-size:12px;color:var(--muted);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}.legal{max-width:880px}.legal h2{margin-top:36px}.legal p,.legal li{color:var(--muted)}
@media (max-width:980px){.navlinks{display:none;position:absolute;top:82px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.navlinks.open{display:grid}.nav-actions .btn-light{display:none}.menu-btn{display:block}.hero-grid,.section-head,.dark-grid,.procurement,.form-wrap{grid-template-columns:1fr}.hero-panel{min-height:390px}.services{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.container{width:min(calc(100% - 24px),var(--max))}.topline{display:none}.nav{height:70px}.brand{min-width:180px}.brand img{width:170px}.navlinks{top:70px;left:12px;right:12px}.nav-actions .btn-dark{display:none}.hero{padding:52px 0 24px}.hero h1{font-size:44px}.hero-panel{padding:24px;border-radius:28px}.section{padding:62px 0}.section-head{margin-bottom:22px}.services,.feature-grid,.process,.brand-grid,.stats{grid-template-columns:1fr}.card{border-radius:28px;padding:22px}.dark,.pagehero .box,.cta{border-radius:28px;padding:28px}.procurement .catalog{grid-template-columns:1fr}.form-card,.contact-card{border-radius:28px;padding:22px}.form-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;gap:8px;left:10px;right:10px;bottom:10px;z-index:90;padding:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px}.footer{padding-bottom:75px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* v2.1 — cloud services + careers */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.career-card{min-height:230px}.career-card .role{display:inline-flex;padding:5px 9px;border-radius:12px;background:#fff0f2;color:#a51b31;font-size:11px;font-weight:800}.career-card h3{margin-top:22px}.file-help{font-size:12px;color:var(--muted);margin-top:3px}.form-card input[type=file]{padding:10px;background:#fafafa}.service-highlight{border:1px solid #d7d7dc;background:linear-gradient(180deg,#fff,#fafafa)}.service-highlight .badge-red{display:inline-flex;padding:5px 9px;border-radius:12px;background:var(--red);color:#fff;font-size:11px;font-weight:800}.brand-policy{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:#fff}.brand-policy img{width:240px;flex:0 0 auto}.brand-policy p{margin:0;color:var(--muted)}
@media (max-width:980px){.career-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.career-grid{grid-template-columns:1fr}.brand-policy{align-items:flex-start;flex-direction:column}.brand-policy img{width:200px}}

/* v2.3 — support portal / quick actions */
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-action{display:block;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;transition:.2s ease}.quick-action:hover{border-color:#bfc0c6;transform:translateY(-2px)}.quick-action b{display:block;font-size:17px;margin-bottom:5px}.quick-action span{font-size:13px;color:var(--muted)}.support-showcase{background:linear-gradient(135deg,#18181b,#27272a);color:#fff;border-radius:48px;padding:46px}.support-showcase h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 16px}.support-showcase p{color:#c8c8cf}.support-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.support-feature{border:1px solid #3a3a42;border-radius:18px;padding:18px;background:#202026}.support-feature b{display:block;margin-bottom:5px}.support-feature span{font-size:13px;color:#b8b8c0}
@media(max-width:980px){.quick-actions,.support-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.quick-actions,.support-features{grid-template-columns:1fr}.support-showcase{border-radius:28px;padding:28px}}