@import "tailwindcss";

:root { --black:#050505; --off:#f4f2ed; --line:rgba(255,255,255,.17); --yellow:#ffe600; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:#fff; font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.nav-wrap { position:fixed; z-index:50; top:0; left:0; width:100%; height:72px; display:flex; align-items:center; padding:0 max(3vw,32px); border-bottom:1px solid rgba(255,255,255,.16); background:rgba(5,5,5,.82); backdrop-filter:blur(18px); }
.brand { display:block; width:170px; height:46px; overflow:hidden; background:transparent; }
.brand img { display:block; width:126px; height:auto; }
.nav-links { display:flex; justify-content:center; gap:34px; flex:1; font-size:13px; }.nav-links a { color:#ddd; transition:.2s; }.nav-links a:hover { color:#fff; }
.nav-actions { display:flex; align-items:center; gap:9px; }.lang,.menu { color:#fff; background:none; border:0; cursor:pointer; }.lang { width:40px; font-size:12px; }.contact-pill { padding:14px 19px; background:#fff; color:#050505; border-radius:2px; font-size:12px; font-weight:700; }.menu { display:none; font-size:22px; }
.hero { position:relative; height:100svh; min-height:700px; overflow:hidden; }.hero-image { position:absolute; inset:0; background:url('/media/home-hero-ip-collage-clean.png') center/cover no-repeat; transform:scale(1.02); }.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.5) 44%,rgba(0,0,0,.18) 72%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 50%); }
.hero-copy { position:absolute; z-index:2; left:max(5vw,70px); top:50%; transform:translateY(-42%); width:min(760px,80vw); }.eyebrow,.section-kicker { margin:0 0 24px; font-size:11px; font-weight:700; letter-spacing:2.8px; text-transform:uppercase; }.eyebrow { color:var(--yellow); }.hero h1,.cta h2 { white-space:pre-line; margin:0; font-size:clamp(46px,6.2vw,96px); line-height:.98; letter-spacing:-.065em; font-weight:700; }.hero-sub { max-width:620px; margin:26px 0 34px; color:#c8c8c8; font-size:clamp(15px,1.3vw,19px); line-height:1.8; }.hero-ctas { display:flex; align-items:center; gap:30px; }.button { display:inline-flex; align-items:center; gap:32px; padding:17px 20px; font-size:13px; font-weight:700; }.button.light { background:#fff; color:#050505; }.text-link { font-size:13px; border-bottom:1px solid rgba(255,255,255,.45); padding-bottom:5px; }.text-link span { margin-left:18px; }.scroll-cue { position:absolute; z-index:2; bottom:32px; left:max(5vw,70px); display:flex; align-items:center; gap:12px; color:#aaa; font-size:10px; letter-spacing:1.8px; }.scroll-cue span { width:38px; height:1px; background:#aaa; }
.statement,.ip-section,.process { background:var(--off); color:#080808; padding:130px max(5vw,70px); }.statement h2,.section-head h2,.process h2,.trust h2 { max-width:900px; margin:0; font-size:clamp(40px,5vw,76px); line-height:1.04; letter-spacing:-.055em; }.statement-copy { max-width:740px; margin:35px 0 70px auto; font-size:18px; line-height:1.8; color:#4a4a4a; }.stats { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #bbb; }.stat { padding:36px 20px 10px 0; border-right:1px solid #bbb; }.stat:last-child{border:0}.stat strong { display:block; font-size:clamp(32px,4vw,60px); letter-spacing:-.05em; }.stat span { display:block; margin-top:10px; color:#666; font-size:12px; }
.ip-section { padding-top:40px; }.section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:48px; }.section-kicker { color:#777; }.dark-link { color:#111; border-color:#777; }.ip-grid { display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:repeat(2,440px); gap:10px; }.ip-card { position:relative; overflow:hidden; background:#222; }.ip-card img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }.ip-card:hover img { transform:scale(1.035); }.card-1 { grid-row:span 2; }.card-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%); }.ip-meta { position:absolute; left:28px; bottom:28px; }.ip-meta p { margin:0 0 10px; font-size:9px; letter-spacing:2px; }.ip-meta h3 { margin:0 0 7px; font-size:30px; }.ip-meta span { color:#ccc; font-size:12px; }.ip-card>a { position:absolute; right:24px; bottom:24px; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; }
.solutions { padding:140px max(5vw,70px); }.light-head>p { max-width:420px; color:#999; line-height:1.7; }.solution-list { margin-top:70px; border-top:1px solid var(--line); }.solution-row { display:grid; grid-template-columns:80px 1.1fr 1fr 40px; align-items:center; min-height:140px; border-bottom:1px solid var(--line); transition:.25s; }.solution-row:hover { padding-left:15px; background:#0d0d0d; }.solution-row>span { color:#666; font-size:11px; }.solution-row h3 { font-size:30px; margin:0; }.solution-row p { color:#888; max-width:360px; line-height:1.7; font-size:13px; }.solution-row b { font-weight:400; }
.process { padding-top:130px; }.process>h2 { margin-bottom:70px; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }.process-step>div { display:flex; align-items:center; gap:16px; }.process-step span { color:#888; font-size:11px; }.process-step i { height:1px; flex:1; background:#bbb; }.process-step h3 { margin:26px 0 14px; font-size:22px; }.process-step p { color:#666; line-height:1.7; font-size:13px; }
.trust { display:grid; grid-template-columns:1fr 1fr; min-height:780px; background:#050505; color:#fff; }.trust-mark { display:grid; place-items:center; overflow:hidden; background:#0d0d0d; }.trust-mark img { width:82%; height:82%; object-fit:contain; filter:saturate(1.08); }.trust-copy { padding:120px 7vw; display:flex; flex-direction:column; justify-content:center; }.trust-copy .section-kicker{color:#ffe600}.trust-copy>p:not(.section-kicker) { color:#aaa; line-height:1.8; margin:32px 0 50px; }.client-list { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #333; }.client-list span { padding:18px 0; border-bottom:1px solid #333; color:#e8e8e8; font-size:13px; }
.cta { text-align:center; padding:150px 20px; background:linear-gradient(135deg,#050505,#151515); }.cta .section-kicker { color:var(--yellow); }.cta h2 { max-width:900px; margin:auto; }.cta>p:not(.section-kicker) { max-width:650px; margin:28px auto 38px; color:#999; line-height:1.7; }
footer { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:40px; align-items:start; padding:65px max(5vw,70px) 30px; border-top:1px solid var(--line); color:#888; font-size:11px; }.footer-brand { color:#fff; font-size:50px; font-weight:900; letter-spacing:-5px; }.footer-links { display:flex; flex-direction:column; gap:10px; color:#ddd; }footer small { grid-column:1/-1; border-top:1px solid var(--line); padding-top:20px; }
.footer-brand{width:180px;height:72px;overflow:hidden}.footer-brand img{display:block;width:180px;height:auto}
@media(max-width:900px){.nav-wrap{height:64px;padding:0 18px}.brand{width:142px;height:40px;flex:1}.brand img{width:110px}.contact-pill{display:none}.menu{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:24px;flex-direction:column;background:rgba(5,5,5,.96);border:1px solid var(--line)}.nav-links.open{display:flex}.hero-copy,.scroll-cue{left:6vw}.hero{min-height:650px}.statement,.ip-section,.process,.solutions{padding:90px 6vw}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.ip-grid{grid-template-columns:1fr;grid-template-rows:540px repeat(3,320px)}.card-1{grid-row:auto}.section-head{align-items:start;gap:30px}.light-head{flex-direction:column}.solution-row{grid-template-columns:45px 1fr 30px;padding:25px 0}.solution-row p{grid-column:2/3}.process-grid{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr}.trust-mark{min-height:520px}.trust-copy{padding:90px 6vw}footer{grid-template-columns:1fr 1fr;padding:50px 6vw 25px}.footer-links{display:none}}
@media(max-width:560px){.hero h1{font-size:47px}.hero-sub{font-size:14px}.hero-ctas{align-items:flex-start;flex-direction:column;gap:20px}.statement h2,.section-head h2,.process h2,.trust h2{font-size:40px}.statement-copy{font-size:15px}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #bbb}.ip-grid{grid-template-rows:repeat(4,360px)}.section-head{flex-direction:column}.solution-row h3{font-size:23px}.process-grid{grid-template-columns:1fr}.trust-mark{min-height:360px}.client-list{grid-template-columns:1fr}.cta h2{font-size:46px}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.industry-section,.cases-section{background:var(--off);color:#080808;padding:110px max(5vw,70px)}
.section-intro{max-width:420px;color:#666;line-height:1.7;font-size:14px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa;border-left:1px solid #aaa}.industry-card{position:relative;min-height:210px;padding:22px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:#f7f5f0;transition:.25s}.industry-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.industry-card>span{color:#888;font-size:10px}.industry-card h3{position:absolute;left:22px;bottom:22px;margin:0;font-size:18px}.industry-card b{position:absolute;right:20px;bottom:20px;font-weight:400}.industry-icon{position:absolute;right:24px;top:30px;width:62px;height:62px;background:#111;border-radius:50%;overflow:hidden}.industry-icon i{position:absolute;width:50%;height:100%;right:0;background:var(--yellow)}.icon-2{border-radius:0}.icon-3 i,.icon-6 i{background:#15a777}.icon-4{background:#e40078}.icon-5 i,.icon-8 i{background:#00a4df}.icon-7{border-radius:50% 50% 0 50%}
.industry-icon:after{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:24px;font-style:normal;z-index:2}.icon-1:after{content:"▦"}.icon-2:after{content:"⚙"}.icon-3:after{content:"◎"}.icon-4:after{content:"↗"}.icon-5:after{content:"♨"}.icon-6:after{content:"♡"}.icon-7:after{content:"⌖"}.icon-8:after{content:"◇"}
.cases-section{background:#fff}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card{background:#f2f1ed;overflow:hidden}.case-visual{min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:#111;color:#fff}.case-visual strong{font-size:clamp(48px,5vw,78px);letter-spacing:-.06em}.case-visual span{color:#aaa;font-size:11px;letter-spacing:1px}.case-visual-2{background:#f2b51d;color:#111}.case-visual-2 span{color:#5b470d}.case-visual-3{background:#12a97d}.case-body{padding:28px}.case-body p{font-size:9px;letter-spacing:1.5px;color:#777}.case-body h3{font-size:25px;margin:16px 0 12px}.case-body>span{display:block;min-height:48px;color:#666;line-height:1.65;font-size:13px}.case-body a{display:inline-block;margin-top:24px;padding-bottom:4px;border-bottom:1px solid #888;font-size:12px}
@media(max-width:900px){.industry-section,.cases-section{padding:90px 6vw}.industry-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}}
@media(max-width:560px){.industry-grid{grid-template-columns:1fr}}
/* 2026 premium editorial homepage refinement */
body .nav-wrap{padding:0 max(2.5vw,28px);background:rgba(5,5,5,.9)}
body .nav-links{gap:clamp(14px,1.45vw,25px);justify-content:flex-start;margin-left:24px;white-space:nowrap}
body .nav-links a{font-size:12px;color:#c8c8c8;position:relative;padding:28px 0}
body .nav-links a:first-child{color:#ffe600}
body .nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:1px;background:currentColor;transition:.25s}
body .nav-links a:hover:after{right:0}
.login-link{font-size:11px;color:#aaa;white-space:nowrap}.login-link:hover{color:#fff}

body .industry-section{padding:140px max(5vw,70px);background:#0a0a0a;color:#fff;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(620px,1.6fr);gap:clamp(60px,8vw,150px);align-items:start}
body .industry-intro{position:sticky;top:125px}
body .industry-intro .section-kicker{color:#ffe600}
body .industry-intro h2{font-size:clamp(46px,5vw,76px);line-height:1.03;letter-spacing:-.055em;margin:0 0 30px}
body .industry-intro>p:last-child{max-width:430px;color:#8f8f8f;font-size:15px;line-height:1.85}
body .industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:0;background:#292929}
body .industry-card{min-height:260px;padding:30px;background:#111;border:0;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transform:none;box-shadow:none}
body .industry-card:hover{background:#181818;transform:none;box-shadow:none}
body .industry-card:before{content:"";position:absolute;inset:auto -30% -70% auto;width:190px;height:190px;border-radius:50%;background:var(--yellow);opacity:0;filter:blur(4px);transition:.45s}
body .industry-card:hover:before{opacity:.12;transform:scale(1.2)}
body .industry-card>div:not(.industry-icon){margin-top:auto;position:relative;z-index:2}
body .industry-card h3{position:static;font-size:22px;margin:0 0 10px;color:#fff}
body .industry-card p{margin:0;max-width:240px;color:#777;font-size:12px;line-height:1.65}
body .industry-card b{right:28px;bottom:28px;color:#777}
body .industry-icon{position:relative;right:auto;top:auto;width:58px;height:58px;background:#202020;border:1px solid #303030;border-radius:50%;overflow:hidden}
body .industry-icon i{opacity:.75}

body .ip-section{padding:140px max(5vw,70px);background:#f1f0ec}
body .ip-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,clamp(410px,38vw,570px));gap:18px}
body .ip-grid .ip-card{grid-row:auto;border-radius:2px}
body .ip-meta{left:36px;bottom:34px}
body .ip-meta h3{font-size:clamp(28px,3vw,42px)}
body .ip-card>a{right:32px;bottom:32px;transition:.25s}
body .ip-card:hover>a{background:#fff;color:#111;border-color:#fff}

body .solution-row{grid-template-columns:1.1fr 1fr 40px}
body .solution-row>span{display:none}
@media(max-width:1180px){.partner-login{display:none}body .nav-links{gap:14px;margin-left:12px}body .nav-links a{font-size:11px}}
@media(max-width:900px){body .industry-section{display:block;padding:90px 6vw}body .industry-intro{position:static;margin-bottom:50px}body .industry-grid{grid-template-columns:1fr 1fr}body .ip-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,430px)}.login-link{display:none}}
@media(max-width:560px){body .industry-grid{grid-template-columns:1fr}body .industry-card{min-height:220px}body .ip-grid{grid-template-rows:repeat(4,360px)}}
.brand,a.library-brand,.soon-brand{width:170px!important;height:46px!important;flex:0 0 170px}.brand img,a.library-brand img,.soon-brand img{display:block;width:126px!important;height:auto!important}@media(max-width:900px){.brand,a.library-brand,.soon-brand{width:142px!important;height:40px!important;flex:1 1 auto}.brand img,a.library-brand img,.soon-brand img{width:110px!important}}
.nav-wrap,.library-nav,.soon-nav{height:72px!important;padding:0 max(2.5vw,28px)!important;display:flex!important;align-items:center!important}.nav-links,.library-nav nav,.soon-nav nav{flex:1 1 auto!important;justify-content:flex-start!important;margin-left:24px!important;gap:clamp(14px,1.45vw,25px)!important;white-space:nowrap}.nav-actions,.library-actions,.soon-nav>div{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important}@media(max-width:1180px){.nav-links,.library-nav nav,.soon-nav nav{margin-left:12px!important;gap:14px!important}}@media(max-width:900px){.nav-wrap,.library-nav,.soon-nav{height:64px!important;padding:0 18px!important}.nav-links,.library-nav nav,.soon-nav nav{margin-left:0!important}}