:root{--ink:#152238;--navy:#102344;--blue:#1166d9;--green:#27a874;--paper:#f6f8fb;--white:#fff;--muted:#66758a;--line:#e1e7ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}.brand-mark img{width:37px;height:27px;object-fit:contain;background:#fff;border-radius:4px}.brand strong{display:block;font-size:19px;letter-spacing:-.04em;line-height:1.1}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.065em;margin-top:3px}.nav nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:680}.nav a:hover,.quiet:hover,.email-link:hover{color:var(--blue)}.nav-mail{border:1px solid #ced9e8;border-radius:9px;padding:10px 17px}.green{color:var(--green)}.blue{color:var(--blue)}.hero{background:linear-gradient(130deg,#fff 15%,#f3f7fd 75%,#e9f3fc);overflow:hidden}.hero-grid{min-height:625px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:62px;padding-block:92px}.eyebrow,.kicker,.art-caption,.contact-label{font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--blue)}.green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:9px}.hero h1{font-size:clamp(49px,5.3vw,76px);line-height:1.09;letter-spacing:-.066em;margin:22px 0 24px;font-weight:820}.lead{font-size:19px;color:#51627b;max-width:560px;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.btn{background:var(--navy);color:white;border-radius:10px;padding:14px 21px;font-weight:730;font-size:14px;transition:transform .18s,background .18s}.btn:hover{background:#174d90;transform:translateY(-2px)}.quiet{font-size:14px;font-weight:740}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:47px}.meta span{font-size:11px;background:white;color:#64748a;border:1px solid #dfE7ef;padding:7px 11px;border-radius:999px}.hero-art{position:relative;padding:35px 16px 35px 10px}.art-outline{position:absolute;inset:3px -12px 13px 60px;border-radius:31px;background:linear-gradient(135deg,rgba(17,102,217,.12),rgba(39,168,116,.13));transform:rotate(6deg)}.art-card{position:relative;background:white;box-shadow:0 25px 55px rgba(17,41,78,.13);border:1px solid #e0e9f4;border-radius:22px;text-align:center;padding:30px 24px 24px;animation:rise .7s both}.art-card img{display:block;width:min(100%,350px);height:230px;object-fit:contain;margin:5px auto}.art-card p{font-size:14px;color:#69788b;margin:0}.float-card{position:absolute;bottom:7px;right:-6px;background:var(--navy);color:#fff;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:660;box-shadow:0 10px 35px rgba(0,0,0,.14)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6be5a8;margin-right:6px;box-shadow:0 0 0 4px rgba(107,229,168,.14)}.about{background:white;padding:105px 0}.about-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:85px}.about h2,.section-head h2,.contact h2{font-size:clamp(35px,4vw,57px);line-height:1.16;letter-spacing:-.055em;margin:20px 0 0}.about h2 span{color:#8a97a8}.about-copy p{margin:0 0 21px;font-size:16px;color:#526278}.about-copy strong{color:var(--navy)}.location{display:inline-block;font-size:12px;color:#4a6480;border-left:3px solid var(--green);padding-left:12px;margin-top:7px}.expertise{background:var(--paper);padding:104px 0 115px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head p{color:#67768a;max-width:370px;font-size:15px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{background:#fff;border:1px solid #e2e8ef;border-radius:15px;padding:28px 24px 32px;min-height:278px;transition:transform .22s,box-shadow .22s,border-color .22s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 28px rgba(18,39,69,.065);border-color:#b6d5f3}.number{font-size:12px;color:#97a6b7;font-weight:820}.service-icon{display:flex;align-items:center;margin:18px 0 13px;font-size:26px;font-weight:800;color:var(--blue);height:35px}.service:nth-child(even) .service-icon{color:var(--green)}.service h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:0 0 13px}.service p{font-size:13px;color:#66778b;line-height:1.72;margin:0}.contact{background:#eaf3f0;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact h2 span{color:var(--green)}.contact p{font-size:16px;color:#5a6e7b;max-width:480px}.contact-right{border-radius:16px;background:#fff;border:1px solid #d7e7df;padding:32px;box-shadow:0 13px 35px rgba(23,74,55,.06)}.contact-label{color:var(--green)}.email-link{display:block;overflow-wrap:anywhere;font-weight:800;letter-spacing:-.04em;font-size:clamp(20px,2.4vw,30px);margin:18px 0 10px}.contact-small{font-size:12px;color:#8693a0}footer{background:#111d31;color:#a7b4c7}.footer{min-height:94px;display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:12px}.footer-brands{display:flex;gap:10px;align-items:center}.footer-brands strong{color:white;font-size:15px}.footer-brands span{font-size:10px}.footer-brands img{width:60px;height:42px;object-fit:contain;background:#fff;border-radius:5px;padding:4px}a:focus-visible{outline:3px solid var(--green);outline-offset:4px}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.hero-grid{gap:25px;grid-template-columns:1fr 1fr}.hero h1{font-size:52px}.cards{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}}@media(max-width:680px){.container{width:calc(100% - 34px)}.nav{min-height:73px}.nav nav{gap:12px}.nav nav>a:not(.nav-mail){display:none}.hero-grid{display:block;min-height:0;padding:65px 0 75px}.hero h1{font-size:clamp(44px,10.5vw,66px)}.lead{font-size:17px}.hero-art{max-width:460px;margin:30px auto 0}.art-card img{height:180px}.meta{margin-top:29px}.about,.expertise{padding:74px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.section-head{display:block}.section-head p{margin-top:20px}.cards{grid-template-columns:1fr}.service{min-height:0}.contact{padding:70px 0}.footer{padding:23px 0;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v2: NOV-ICT is the primary identity, WeKar remains visibly endorsed. */
.hero-name{display:block;color:var(--navy);font-size:clamp(64px,8.2vw,114px);line-height:1.02;letter-spacing:-.075em;font-weight:860;white-space:nowrap}
.hero-subtitle{display:block;font-size:clamp(29px,3.25vw,46px);line-height:1.19;letter-spacing:-.045em;font-weight:750;max-width:640px;margin-top:23px}
.hero-grid{grid-template-columns:1.12fr .88fr}
.art-card img{width:min(100%,360px);height:240px}
.art-caption{color:var(--green)}
@media(max-width:1050px){.hero-name{font-size:clamp(56px,7vw,85px)}}
@media(max-width:680px){.hero-name{font-size:clamp(54px,13.4vw,86px)}.hero-subtitle{font-size:clamp(29px,7.1vw,42px)}.art-card img{height:185px}}

/* v3: medium slate for readable white text on the About section */
.about{background:#657487;color:#fff}
.about .kicker{color:#a9f0cf}
.about h2,.about h2 span,.about-copy p,.about-copy strong{color:#fff}
.about-copy p{color:#f6f8fc}
.about-grid{align-items:center}
.footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.footer-meta a{text-decoration:underline;text-underline-offset:3px}
.legal-main{background:#f6f8fb;padding:70px 0 100px}
.legal-paper{max-width:850px;background:white;border:1px solid #e1e7ee;border-radius:20px;padding:clamp(24px,5vw,60px);margin:auto}
.legal-paper h1{font-size:clamp(34px,4vw,52px);line-height:1.1;color:#102344;margin:8px 0 25px}
.legal-paper h2{font-size:21px;color:#102344;margin-top:35px}
.legal-paper p,.legal-paper li{color:#44556a;font-size:15px}
.legal-paper a{text-decoration:underline;color:#1166d9}
.legal-note{padding:16px 18px;background:#eaf3f0;border-left:4px solid #27a874;border-radius:6px}
@media(max-width:680px){.footer-meta{order:2;width:100%}}

/* Company information */
.business-info{padding:72px 0;background:#f5f7fa;color:#243247}.business-box{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;padding:42px;border-radius:24px;background:#fff;border:1px solid #e5e9f0}.business-info h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#162946;margin:14px 0}.business-info p{line-height:1.8;color:#526175;max-width:690px}.company-lines{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:22px 28px;background:#f4f7fa;border-radius:16px;color:#34445c}.company-lines strong{font-size:1.3rem;color:#142a4d}.company-lines a{color:#156e9f;overflow-wrap:anywhere}@media(max-width:760px){.business-box{grid-template-columns:1fr;padding:22px;gap:22px}.business-info{padding:42px 0}}

/* v5 language and theme controls */
.header-controls{display:flex;align-items:center;gap:12px;margin-left:12px}.language-switch{display:flex;gap:2px;padding:4px;background:#ecf0f5;border-radius:10px}.language-switch a{padding:5px 9px;color:#4b607a;border-radius:7px;font-size:12px;font-weight:800}.language-switch a[aria-current=page]{background:#fff;color:#102344;box-shadow:0 1px 4px #0d2a4b1c}.theme-toggle{background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 11px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:700;white-space:nowrap}.theme-toggle span:first-child{font-size:17px;margin-right:4px}.theme-toggle:hover{border-color:var(--green)}
html[data-theme=dark]{color-scheme:dark;--ink:#eaf0f9;--navy:#e8f1ff;--blue:#79b4ff;--green:#69d3a6;--paper:#121e30;--white:#101b2a;--muted:#abb9cb;--line:#3d5068}
html[data-theme=dark] body{background:#101b2a;color:#eaf0f9}html[data-theme=dark] .site-header{background:#142237;border-color:#314157}html[data-theme=dark] .brand-mark{background:#223852}html[data-theme=dark] .brand strong{color:#fff}html[data-theme=dark] .hero{background:linear-gradient(130deg,#101b2a,#142b40 80%,#163b39)}html[data-theme=dark] .hero-name{color:#f2f6fc}html[data-theme=dark] .lead,html[data-theme=dark] .art-card p{color:#b4c3d6}html[data-theme=dark] .meta span,html[data-theme=dark] .art-card,html[data-theme=dark] .service,html[data-theme=dark] .business-box,html[data-theme=dark] .legal-paper{background:#1c2c42;color:#eaf0f9;border-color:#354760}html[data-theme=dark] .art-outline{opacity:.5}html[data-theme=dark] .about{background:#445369}html[data-theme=dark] .expertise{background:#132137}html[data-theme=dark] .section-head p,html[data-theme=dark] .service p,html[data-theme=dark] .legal-paper p,html[data-theme=dark] .legal-paper li{color:#bdcadd}html[data-theme=dark] .service h3,html[data-theme=dark] .legal-paper h1,html[data-theme=dark] .legal-paper h2{color:#f4f7ff}html[data-theme=dark] .contact{background:#19352f}html[data-theme=dark] .contact p{color:#bdd3cb}html[data-theme=dark] .contact-right,html[data-theme=dark] .company-lines{background:#1d2c42;border-color:#36475d;color:#ecf2fa}html[data-theme=dark] .business-info,html[data-theme=dark] .legal-main{background:#121e30}html[data-theme=dark] .business-info h2,html[data-theme=dark] .company-lines strong{color:#f4f7ff}html[data-theme=dark] .business-info p{color:#bac8d9}html[data-theme=dark] .btn{background:#217bd8;color:#fff}html[data-theme=dark] .language-switch{background:#23344a}html[data-theme=dark] .language-switch a{color:#c2d3e8}html[data-theme=dark] .language-switch a[aria-current=page]{background:#37506b;color:#fff}html[data-theme=dark] .theme-toggle{color:#f0f5fe}html[data-theme=dark] .legal-note{background:#233d3c;color:#e8f9f1}
@media(max-width:850px){.nav{flex-wrap:wrap;padding-block:13px}.nav nav{gap:14px}.header-controls{margin-left:auto}}@media(max-width:480px){.site-header .nav{gap:8px}.nav nav{order:3;width:100%;justify-content:center}.nav nav>a:not(.nav-mail){display:inline}.header-controls{margin-left:0}.theme-label{display:none}.language-switch a{padding:5px 7px}}
