:root{--line:rgba(255,255,255,.16);--muted:#a3a5ad;--blue:#8ba1ff;--sans:"Manrope","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#f4f4f5;font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.nav{height:74px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:fixed;z-index:10;top:0;width:100%;background:rgba(0,0,0,.78);backdrop-filter:blur(20px)}.brand{font-size:21px;letter-spacing:-.06em}.brand b{font-weight:600}.brand span{font-weight:300}.nav div{display:flex;gap:20px;align-items:center}.nav a:not(.brand),.nav button{font-size:11px;letter-spacing:.08em}.nav button{padding:10px 14px;border:1px solid #fff;background:#fff;color:#000;cursor:pointer}.hero{min-height:82vh;padding:150px clamp(22px,8vw,120px) 80px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(90deg,#000,rgba(0,0,0,.25)),var(--hero) center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000,transparent 52%)}.hero>*{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.18em;color:#bbb}.hero h1{font-size:clamp(56px,10vw,145px);line-height:.85;letter-spacing:-.075em;margin:20px 0}.hero p:last-child{font-size:clamp(17px,1.7vw,23px);max-width:750px}.meta{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:0 clamp(22px,8vw,120px)}.meta div{padding:30px 20px;border-right:1px solid var(--line)}.meta small{display:block;color:#777}.section{padding:clamp(85px,11vw,150px) clamp(22px,8vw,120px)}.section h2{font-size:clamp(42px,7vw,92px);line-height:.95;letter-spacing:-.06em;margin:10px 0 35px}.section>p{font-size:18px;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.card{border:1px solid var(--line);border-radius:24px;padding:32px;background:rgba(255,255,255,.035)}.card h3{font-size:26px}.card p{color:#aaa}.media{aspect-ratio:16/9;border-radius:25px;overflow:hidden;background:#080808;margin-top:50px}.media iframe{width:100%;height:100%;border:0}.deliverables{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.deliverables span{border:1px solid var(--line);border-radius:999px;padding:10px 15px}.pending{color:#777;font-size:12px}.cta{padding:120px clamp(22px,8vw,120px);background:radial-gradient(circle at 80% 20%,rgba(117,72,215,.25),transparent 35%),#050505}.cta h2{font-size:clamp(50px,8vw,110px);line-height:.9;margin:0 0 40px}.cta a{display:inline-block;background:#fff;color:#000;padding:15px 22px}footer{padding:45px clamp(22px,5vw,70px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777}.lang{border:0!important;background:none!important;color:#fff!important;padding:0!important}@media(max-width:700px){.nav div>a{display:none}.hero{min-height:72vh}.meta{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.media{border-radius:16px}footer{flex-direction:column;gap:20px}}
/* Official KOIVISION wordmark */
.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:clamp(120px,10vw,150px);height:auto;object-fit:contain}@media(max-width:700px){.brand img{width:116px}}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.related a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.05em;transition:border-color .2s,background .2s}.related a:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06)}.not-found{min-height:100svh;padding:clamp(100px,12vw,180px) clamp(22px,8vw,120px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 72% 32%,rgba(116,82,210,.28),transparent 34%),#000}.not-found p{font-size:10px;letter-spacing:.18em;color:#aaa}.not-found h1{margin:18px 0;font-size:clamp(58px,11vw,148px);line-height:.85;letter-spacing:-.075em}.not-found span{color:var(--muted)}.not-found a{align-self:flex-start;margin-top:34px;padding:14px 20px;border:1px solid rgba(255,255,255,.45);border-radius:999px}

/* Service landing pages inherit the visitor's light/night preference. */
html[data-theme="light"]{--line:rgba(20,20,20,.15);--muted:#66635e;--blue:#315caa;color-scheme:light}
html[data-theme="light"] body{background:#f5f4f0;color:#171717}
html[data-theme="light"] .nav{border-color:rgba(20,20,20,.11);background:rgba(248,247,243,.88);color:#171717}
html[data-theme="light"] .nav button{border-color:#171717;background:#171717;color:#fff}
html[data-theme="light"] .nav .lang{color:#171717!important}
html[data-theme="light"] .hero{color:#fff}
html[data-theme="light"] .meta{background:#ebe9e3}
html[data-theme="light"] .meta small{color:#6b6862}
html[data-theme="light"] .section{background:radial-gradient(circle at 84% 12%,rgba(66,99,153,.09),transparent 30%),#f5f4f0}
html[data-theme="light"] .card{background:rgba(255,255,255,.7);box-shadow:0 18px 55px rgba(42,37,29,.06)}
html[data-theme="light"] .card p{color:#625f59}
html[data-theme="light"] .related a:hover{border-color:rgba(20,20,20,.45);background:#fff}
html[data-theme="light"] .cta{background:radial-gradient(circle at 80% 20%,rgba(80,70,130,.12),transparent 35%),#e7e4de}
html[data-theme="light"] .cta a{background:#171717;color:#fff}
html[data-theme="light"] footer{background:#dad7cf;color:#5c5953}