:root{--ink:#0a0a09;--paper:#eeeae1;--muted:#9b978e;--line:rgba(255,255,255,.16);--accent:#d6aa6b;--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,"Noto Sans SC",sans-serif;font-weight:300;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;padding:0 4.5vw;z-index:50;border-bottom:1px solid transparent;transition:.4s}.nav.scrolled{height:72px;background:rgba(10,10,9,.88);backdrop-filter:blur(18px);border-color:var(--line)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;letter-spacing:.13em}.brand-mark{display:flex;gap:3px;height:22px}.brand-mark i{display:block;width:7px;height:100%;border:1px solid currentColor;border-radius:50%;transform:rotate(28deg)}.brand-mark i:last-child{transform:rotate(-28deg);margin-left:-5px}.nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:38px}.nav-links a,.nav-cta{color:inherit;text-decoration:none;font-size:13px;letter-spacing:.08em;transition:opacity .2s}.nav-links a:hover,.nav-cta:hover{opacity:.55}.nav-cta{margin-left:auto;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:6px}.nav-cta span{margin-left:12px}.menu{display:none;background:none;border:0;width:36px;height:30px}.menu span{display:block;height:1px;background:#fff;margin:7px 0}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025) translate(var(--mx),var(--my));transition:transform .35s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.74) 0%,rgba(6,6,6,.25) 48%,rgba(6,6,6,.04) 75%),linear-gradient(0deg,rgba(6,6,6,.55),transparent 35%)}.hero-copy{position:relative;z-index:2;margin-left:9vw;margin-top:5vh}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:500;display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:1px;background:var(--accent)}h1{font-family:"Noto Sans SC",sans-serif;font-size:clamp(64px,8.3vw,134px);line-height:1.02;letter-spacing:-.07em;margin:28px 0 30px;font-weight:300}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,234,225,.65)}.hero-sub{font-size:15px;line-height:2;color:rgba(238,234,225,.68);letter-spacing:.04em}.round-link{position:absolute;left:58vw;bottom:7vh;width:112px;height:112px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.6;transition:.35s}.round-link b{position:absolute;right:18px;bottom:17px;font-size:17px}.round-link:hover{background:var(--paper);color:var(--ink);transform:scale(1.05)}.hero-index{position:absolute;right:4.5vw;bottom:9vh;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em}.hero-index i{width:52px;height:1px;background:rgba(255,255,255,.4)}.hero-index i:after{content:"";display:block;width:30%;height:1px;background:#fff}.hero-note{position:absolute;left:4.5vw;bottom:5vh;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;line-height:1.8;letter-spacing:.2em;color:rgba(255,255,255,.4)}.section{padding:140px 8vw}.section-label{font-size:10px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.intro{background:var(--paper);color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:10vw;margin:80px 0 120px}.intro h2,.arch-title h2,.scenario-copy h2{font-size:clamp(40px,5vw,76px);line-height:1.22;letter-spacing:-.06em;font-weight:300;margin:0}.intro-copy{padding-top:12px}.intro-copy p{font-size:17px;line-height:2;color:#57544e;margin:0 0 42px}.text-link{display:inline-flex;justify-content:space-between;width:230px;padding-bottom:12px;border-bottom:1px solid #222;color:#111;text-decoration:none;font-size:13px}.stats{border-top:1px solid rgba(0,0,0,.17);display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:45px 20px 0;border-right:1px solid rgba(0,0,0,.17)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font-size:clamp(42px,5vw,74px);font-weight:300;letter-spacing:-.06em}.stat small{font-size:.3em;margin-left:5px}.stat span{display:block;margin-top:18px;font-size:12px;color:#77736b}.dark{background:#10100f}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:70px}.section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.product{min-height:520px;display:grid;grid-template-columns:60px 1.3fr 1fr;gap:5vw;align-items:center;border-top:1px solid var(--line);position:relative}.product:last-child{border-bottom:1px solid var(--line)}.product-no{align-self:start;padding-top:34px;font-size:11px;color:#777}.product-visual{height:380px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,#3a3935,#171716 60%,#10100f 72%)}.orb{position:absolute;width:220px;height:220px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#e9e5dd,#aaa49a 30%,#393733 68%,#111 75%);box-shadow:0 0 70px rgba(214,170,107,.16)}.rings{position:absolute;width:290px;height:290px;border:1px solid rgba(214,170,107,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(70deg)}.rings:before,.rings:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.rings:after{inset:56px}.form-b{background:linear-gradient(135deg,#131313,#25231f)}.core{position:absolute;width:160px;height:250px;border-radius:48% 48% 42% 42%;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(110deg,#191817,#858078 45%,#1a1917 52%,#b8b0a4 80%,#24211e);filter:drop-shadow(0 20px 30px #000)}.beam{position:absolute;height:1px;width:90%;top:50%;left:5%;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 22px var(--accent)}.product-info span{font-size:10px;letter-spacing:.18em;color:var(--accent)}.product-info h3{font-size:clamp(46px,5vw,78px);font-weight:300;margin:16px 0 24px;letter-spacing:-.06em}.product-info p{max-width:390px;font-size:14px;line-height:2;color:var(--muted)}.product-info button{background:none;color:#fff;border:0;border-bottom:1px solid #777;padding:12px 0;width:150px;text-align:left;margin-top:28px;display:flex;justify-content:space-between;cursor:pointer}.architecture{background:#dad6cd;color:var(--ink)}.arch-title{display:grid;grid-template-columns:1.4fr .7fr;gap:10vw;align-items:end;margin:70px 0 110px}.arch-title p{font-size:14px;line-height:2;color:#625e57;margin:0}.arch-flow{display:grid;grid-template-columns:1fr 120px 1fr 120px 1fr;align-items:center}.arch-node{text-align:center}.arch-node>span{font-size:9px;color:#777}.arch-node>i{display:block;width:72px;height:72px;margin:32px auto;border:1px solid #aaa;border-radius:50%;position:relative}.eye-icon:after{content:"";position:absolute;width:31px;height:17px;border:1px solid #555;border-radius:50%;left:19px;top:26px}.eye-icon:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#333;left:33px;top:32px}.mind-icon:before{content:"";position:absolute;inset:18px;border:1px solid #555;border-radius:43% 57% 50% 50%}.move-icon:before,.move-icon:after{content:"";position:absolute;width:28px;height:1px;background:#555;top:35px;left:21px;transform:rotate(45deg)}.move-icon:after{transform:rotate(-45deg)}.arch-node h3{font-weight:400;font-size:18px}.arch-node p{font-size:11px;color:#777;letter-spacing:.08em}.flow-line{height:1px;background:#aaa;position:relative}.flow-line i{display:block;width:5px;height:5px;border-radius:50%;background:#444;position:absolute;right:0;top:-2px}.scenarios{display:grid;grid-template-columns:1fr 1.3fr;background:#111;min-height:780px}.scenario-copy{padding:130px 8vw;display:flex;flex-direction:column;justify-content:center}.scenario-copy h2{margin:70px 0 35px}.scenario-copy>p{font-size:14px;line-height:2;color:var(--muted);max-width:430px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr}.scene{min-height:390px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(214,170,107,.12),transparent 40%)}.scene:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:60px;right:-30px;transition:.6s}.scene:hover:after{transform:scale(1.3);border-color:rgba(214,170,107,.5)}.scene span{position:absolute;top:30px;font-size:10px;color:#777}.scene h3{font-size:24px;font-weight:300;margin:0 0 7px}.scene p{font-size:9px;letter-spacing:.16em;color:#777;margin:0}.scene-2{background:radial-gradient(circle at 75% 25%,rgba(160,160,150,.16),transparent 40%)}.scene-3{background:radial-gradient(circle at 75% 25%,rgba(130,110,90,.16),transparent 40%)}.manifesto{background:#090909;text-align:center;min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center}.manifesto .eyebrow{color:#777}.manifesto blockquote{font-family:"Noto Sans SC";font-size:clamp(42px,5.5vw,82px);line-height:1.35;font-weight:300;letter-spacing:-.05em;margin:60px 0}.manifesto blockquote span{color:var(--accent)}.manifesto-meta{display:flex;align-items:end;justify-content:space-between;width:min(720px,80vw);text-align:left;border-top:1px solid var(--line);padding-top:25px}.manifesto-meta p{font-size:12px;line-height:1.8;color:#777;max-width:440px}.manifesto-meta span{font-size:9px;color:#555}.contact{min-height:680px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#111}.contact-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(203,158,95,.3),rgba(60,50,40,.12) 45%,transparent 70%);filter:blur(6px)}.contact-inner{position:relative}.contact-inner>p{font-size:9px;letter-spacing:.25em;color:#999}.contact h2{font-size:clamp(45px,6vw,88px);font-weight:300;line-height:1.25;letter-spacing:-.06em;margin:45px 0}.contact a{display:inline-flex;gap:90px;color:#fff;text-decoration:none;border-bottom:1px solid #777;padding:12px 0;font-size:13px}footer{padding:65px 5vw;display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:30px;align-items:start;background:#080808;border-top:1px solid var(--line)}footer p,footer a{font-size:9px;letter-spacing:.12em;color:#666;text-decoration:none;margin:0 0 10px}footer>div:nth-child(3){display:flex;flex-direction:column}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.stats .reveal:nth-child(2),.scenario-grid .reveal:nth-child(2){transition-delay:.08s}.stats .reveal:nth-child(3),.scenario-grid .reveal:nth-child(3){transition-delay:.16s}.stats .reveal:nth-child(4),.scenario-grid .reveal:nth-child(4){transition-delay:.24s}
@media(max-width:900px){.nav{height:72px;padding:0 22px}.nav-cta{display:none}.menu{display:block;margin-left:auto}.nav-links{position:fixed;inset:72px 0 auto;transform:none;background:#0b0b0b;display:flex;flex-direction:column;padding:40px 24px;gap:28px;border-bottom:1px solid var(--line);opacity:0;pointer-events:none;transition:.25s}.nav-links.open{opacity:1;pointer-events:auto}.hero{min-height:680px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(6,6,6,.82),rgba(6,6,6,.18)),linear-gradient(0deg,rgba(6,6,6,.65),transparent)}.hero-copy{margin-left:7vw}.hero-sub br{display:none}.round-link{left:auto;right:7vw;width:90px;height:90px}.hero-note{display:none}.section{padding:95px 7vw}.intro-grid,.arch-title{grid-template-columns:1fr;gap:40px;margin:55px 0 75px}.stats{grid-template-columns:1fr 1fr}.stat{padding:35px 15px;border-bottom:1px solid rgba(0,0,0,.17)}.product{grid-template-columns:35px 1fr;gap:20px;padding:45px 0}.product-visual{grid-column:2;height:300px}.product-info{grid-column:2}.product-no{grid-row:1/3}.arch-flow{grid-template-columns:1fr}.flow-line{width:1px;height:65px;margin:auto}.flow-line i{right:-2px;top:auto;bottom:0}.scenarios{grid-template-columns:1fr}.scenario-copy{padding:95px 7vw}.scenario-grid{min-height:650px}footer{grid-template-columns:1fr 1fr}footer>p{text-align:left}}
@media(max-width:560px){h1{font-size:58px}.hero-copy{margin-top:0}.hero-sub{max-width:300px;font-size:13px}.hero-index{display:none}.round-link{bottom:5vh}.section-head{display:block}.section-head p{margin-top:30px}.product{display:block}.product-no{padding:0 0 20px}.product-visual{height:260px}.product-info{padding-top:30px}.stats{grid-template-columns:1fr}.stat{border-right:0;padding-left:0}.scenario-grid{grid-template-columns:1fr}.scene{min-height:240px}.manifesto-meta{display:block}.contact{min-height:560px}.contact a{gap:35px}footer{grid-template-columns:1fr}.hero-image{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(6,6,6,.9),rgba(6,6,6,.15)),linear-gradient(0deg,rgba(6,6,6,.7),transparent)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-image{transform:none}}


/* Business-plan content system */
.proof{background:#171714;display:grid;grid-template-columns:.85fr 1.35fr;gap:7vw;align-items:center}.proof-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.22;letter-spacing:-.055em;font-weight:300;margin:24px 0 30px}.proof-kicker{margin:65px 0 0;color:var(--accent);font-size:11px;letter-spacing:.16em}.proof-copy>p:not(.proof-kicker){color:var(--muted);font-size:14px;line-height:2;max-width:520px}.proof-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.proof-tags span{border:1px solid var(--line);border-radius:40px;padding:9px 14px;font-size:9px;letter-spacing:.08em;color:#aaa}.proof-gallery{height:650px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:8px;position:relative}.proof-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06)}.proof-gallery .proof-wide{grid-row:1/3}.proof-badge{position:absolute;left:-48px;bottom:42px;width:110px;height:110px;border-radius:50%;background:var(--accent);color:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 45px rgba(0,0,0,.28)}.proof-badge strong{font-size:21px;letter-spacing:.1em}.proof-badge span{font-size:8px;margin-top:5px}.face-map{position:absolute;left:50%;top:50%;width:150px;height:225px;transform:translate(-50%,-50%);border:1px solid rgba(238,234,225,.4);border-radius:48% 48% 45% 45%;background:radial-gradient(circle at 50% 38%,rgba(238,234,225,.13),transparent 54%);box-shadow:inset 0 0 45px rgba(255,255,255,.08),0 0 65px rgba(214,170,107,.12)}.face-map:before,.face-map:after{content:"";position:absolute;top:75px;width:27px;height:9px;border-top:1px solid var(--accent);border-radius:50%}.face-map:before{left:29px}.face-map:after{right:29px}.face-map i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.face-map i:nth-child(1){left:37px;top:80px}.face-map i:nth-child(2){right:37px;top:80px}.face-map i:nth-child(3){left:73px;top:115px}.face-map i:nth-child(4){left:48px;bottom:44px}.face-map i:nth-child(5){right:48px;bottom:44px}.signal{position:absolute;inset:17%;border-left:1px solid rgba(214,170,107,.28);border-right:1px solid rgba(214,170,107,.28);border-radius:50%}.tech-stack{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;border-top:1px solid rgba(0,0,0,.17);border-bottom:1px solid rgba(0,0,0,.17)}.tech-stack article{padding:38px 16px 45px;min-height:210px}.tech-stack article:first-child{padding-left:0}.tech-stack>i{align-self:center;text-align:center;font-style:normal;color:#999}.tech-stack span{font-size:8px;letter-spacing:.13em;color:#84704f}.tech-stack h3{font-size:19px;font-weight:400;margin:24px 0 30px}.tech-stack p{font-size:10px;line-height:1.8;color:#777}.loops{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:10px}.loops>span{background:rgba(255,255,255,.25);padding:22px 25px;font-size:13px}.loops small{display:block;color:#777;font-size:9px;margin-top:8px;letter-spacing:.05em}.scenario-grid-3{grid-template-columns:1fr}.scenario-grid-3 .scene{min-height:260px;border-left:1px solid var(--line)}.scenario-grid-3 .scene:after{width:140px;height:140px;top:36px}.product-info h3{line-height:1.12}
@media(max-width:900px){.proof{grid-template-columns:1fr}.proof-gallery{height:550px;margin-top:20px}.proof-badge{left:18px}.tech-stack{grid-template-columns:1fr}.tech-stack>i{transform:rotate(90deg);height:30px}.tech-stack article{padding:28px 15px;min-height:0;border-top:1px solid rgba(0,0,0,.12)}.loops{grid-template-columns:1fr}.scenario-grid-3 .scene{min-height:240px}}
@media(max-width:560px){.proof-gallery{height:520px;grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr}.proof-gallery .proof-wide{grid-column:1/3;grid-row:auto}.proof-badge{width:86px;height:86px;bottom:110px}.proof-badge strong{font-size:16px}.product-info h3{font-size:42px}}


/* Data-driven imagery from the latest HOKMIND company profile */
.product:nth-child(1) .product-visual{background:#e1dede}.product:nth-child(2) .product-visual{background:#ddd7d5}

.brand img{display:block;width:148px;height:42px;object-fit:contain;object-position:left center}
.nav .brand img{filter:none}
.product-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .8s ease,filter .5s ease;filter:saturate(.9) contrast(1.02)}
.product:hover .product-visual img{transform:scale(1.015);filter:saturate(1) contrast(1.02)}
.scene{background-position:center;background-size:cover}
.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,7,.92),rgba(7,7,7,.1) 74%);z-index:0}
.scene>*{position:relative;z-index:1}.scene span{position:absolute}
.scene-1{background-image:url('/public/assets/entertainment.webp')}
.scene-2{background-image:url('/public/assets/ip-character.webp')}
.scene-3{background-image:url('/public/assets/humanoid.webp')}
.scene:after{z-index:1}
@media(max-width:560px){.brand img{width:122px;height:36px}.hero-copy{max-width:88vw}.hero-copy h1{letter-spacing:-.055em}}
@media(max-width:560px){h1{font-size:clamp(39px,12.2vw,54px);line-height:1.08}.hero{height:100svh;min-height:610px}.hero-copy{margin:0 6vw;padding-bottom:8vh}.hero-sub{max-width:82vw;font-size:12px;line-height:1.75}.eyebrow{font-size:9px;letter-spacing:.16em}.round-link{left:6vw;right:auto;bottom:4.5vh;width:76px;height:76px;font-size:10px}.round-link b{right:12px;bottom:10px}.section{padding:76px 6vw}.intro-grid,.arch-title{margin:42px 0 58px}.intro h2,.arch-title h2,.scenario-copy h2{font-size:clamp(34px,10.5vw,46px)}.intro-copy p{font-size:15px;line-height:1.85}.product{padding:38px 0}.product-visual{height:auto;aspect-ratio:16/9}.product-info h3{font-size:clamp(36px,11vw,44px)}.proof-gallery{height:auto}.proof-gallery img{aspect-ratio:1/1;min-height:0}.proof-gallery .proof-wide{aspect-ratio:16/9}.proof-badge{width:76px;height:76px;left:12px;bottom:calc(36% - 38px)}.scenario-copy{padding:76px 6vw}.scenario-copy h2{margin:44px 0 28px}.scene,.scenario-grid-3 .scene{min-height:220px;padding:26px 22px}.manifesto{min-height:620px}.manifesto blockquote{font-size:clamp(32px,9.5vw,44px);margin:42px 0}.contact{min-height:520px;padding:70px 6vw}.contact h2{font-size:clamp(34px,10vw,48px);letter-spacing:-.045em}footer{padding:48px 6vw}.hero-image{object-position:66% center}.nav-links{height:calc(100dvh - 72px);overflow-y:auto}.menu-open{overflow:hidden}}