:root{
  --bg:#08090B; --bg-2:#0C0E11; --surface:#0E1013;
  --border:rgba(255,255,255,.10); --border-strong:rgba(61,107,255,.5);
  --text:#F4F5F7; --text-dim:#8D95A3; --text-faint:#565F6C;
  --accent:#3D6BFF; --accent-bright:#6C8CFF; --signal:#33D17A; --warn:#F5A623;
  --service:#157347;
  --light-bg:#F6F5F3; --light-surface:#FFFFFF; --light-border:rgba(10,12,20,.10);
  --light-text:#0B0D10; --light-dim:#5B6270;
  --font-sans:'General Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px;}
section{position:relative;}
.mono{font-family:var(--font-mono);}
::selection{background:var(--accent);color:#fff;}



.brk{position:relative;}
.brk::before,.brk::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--accent);opacity:0;transition:opacity .3s;}
.brk::before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid;}
.brk::after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid;}
.brk:hover::before,.brk:hover::after{opacity:1;}

.hook::before{content:"↳ ";color:var(--text-faint);}
.light .hook::before{color:var(--light-dim);}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:0;font-size:13px;font-weight:600;letter-spacing:.2px;cursor:pointer;border:1px solid transparent;transition:all .25s ease;white-space:nowrap;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-bright);}
.btn-ghost{border-color:var(--border);color:var(--text);background:transparent;}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-bright);}
.btn-dark{background:#000;color:#fff;border-color:#000;}
.btn-dark:hover{background:#1a1a1a;}
.btn-sm{padding:9px 16px;font-size:12px;}

/* ---------- ANNOUNCEMENT BAR ---------- */

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;left:0;right:0;z-index:150;background:rgba(8,9,11,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;letter-spacing:-.3px;font-family:var(--font-mono);}
.brand-lockup{height:34px;width:auto;display:block;object-fit:contain;}
/* Footer logo: same mark + per-language wordmark as the nav, 24px tall. */
.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.footer-mark,.footer-word{height:24px;width:auto;display:block;}
.nav-links{display:flex;align-items:center;gap:8px;}
.nav-item{position:relative;}
.nav-item>a{font-size:13px;color:var(--text-dim);transition:color .2s;padding:10px 14px;display:block;font-weight:500;}
.nav-item:hover>a{color:var(--text);}
.mega{position:absolute;top:100%;left:0;background:var(--surface);border:1px solid var(--border);min-width:260px;padding:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;box-shadow:0 20px 50px rgba(0,0,0,.5);}
.nav-item:hover .mega{opacity:1;visibility:visible;transform:translateY(0);}
.mega a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:0;font-size:13px;color:var(--text);}
.mega a:hover{background:rgba(61,107,255,.1);}
.mega.mega-products{min-width:620px;padding:18px 0;left:50%;margin-left:-310px;}
.mega-products .mega-found{flex:1.25;}
.mega-found a{position:relative;padding:14px;margin-bottom:6px;background:rgba(255,255,255,.025);gap:4px;}
.mega-found a span{font-family:var(--font-mono);font-size:19px;font-weight:800;letter-spacing:-.4px;color:var(--fc);}
.mega-found a small{font-size:11px;color:var(--text-dim);}
.mega-found a:hover,.mega-found a.current{background:rgba(255,255,255,.07);}
.mega-found .fc-blue{--fc:#008CE2;}
.mega-found .fc-green{--fc:#5FA004;}
.mega-found .fc-amber{--fc:#DB7800;}
.mega-apps a{padding:7px 12px;}
.mega-apps a span{font-size:12.5px;color:var(--text-dim);}
.mega-apps a:hover span{color:var(--text);}
.mega-apps a small{font-size:10px;}
.mega a.mega-all{margin-top:4px;border-top:1px solid var(--border);padding-top:12px;}
.mega a.mega-all span{font-size:12.5px;color:var(--accent-bright);}
.mega a small{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);letter-spacing:.5px;}.mega-2col{display:flex;gap:0;min-width:480px;padding:14px 0;}.mega-col{display:flex;flex-direction:column;padding:0 8px;flex:1;}.mega-col+.mega-col{border-left:1px solid var(--border);}.mega-col-title{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);letter-spacing:1px;padding:6px 12px 8px;text-transform:uppercase;}.mega a.svc small{color:var(--signal);}
.nav-actions{display:flex;align-items:center;gap:10px;}
.lang-btn{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);border:1px solid var(--border);padding:7px 12px;border-radius:0;cursor:pointer;background:transparent;letter-spacing:.5px;}
.lang-btn:hover{border-color:var(--accent);color:var(--accent-bright);}
.nav-actions .btn{height:30px;padding:0 16px;line-height:28px;}
.menu-toggle{display:none;background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px 6px;}

/* ---------- HERO ---------- */
.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding-top:60px;padding-bottom:56px;z-index:1;position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--bg);}
.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;}
.hero-bg video.active{opacity:.68;}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,11,.08) 0%,rgba(8,9,11,.45) 58%,var(--bg) 100%);}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-1.6px;line-height:1.12;margin-bottom:24px;}
.hero h1 .ac{color:var(--accent-bright);}
.hero p.sub{font-size:15px;color:var(--text-dim);line-height:1.9;margin-bottom:34px;max-width:560px;}
.hero p.sub b{color:var(--text);font-weight:600;}
.hero-ctas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}

/* isometric stack visual */
.iso-wrap{position:relative;height:520px;display:flex;align-items:center;justify-content:center;}
.iso-svg{width:100%;max-width:440px;overflow:visible;}
.iso-layer{fill:rgba(61,107,255,.06);stroke:var(--accent-bright);stroke-width:1;}
.iso-layer.dim{fill:rgba(255,255,255,.02);stroke:var(--border);}
.iso-node{fill:var(--accent-bright);}
.iso-line{stroke:rgba(108,140,255,.55);stroke-width:1;}
.iso-label{font-family:var(--font-mono);font-size:10px;fill:var(--text-faint);letter-spacing:1px;}

/* ---------- STAT STRIP ---------- */
.trust{padding:0;z-index:1;border-top:1px solid var(--border);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);}
.stat-cell{background:var(--bg);padding:32px 36px;}
.stat-num{font-family:var(--font-mono);font-size:clamp(24px,2.4vw,32px);font-weight:600;color:var(--text);}
.stat-label{font-size:11px;color:var(--text-faint);margin-top:8px;letter-spacing:.3px;}
.stat-band .stat-cell{display:flex;flex-direction:column;justify-content:center;padding:34px 36px;}
.stat-band .stat-label{color:var(--text-dim);font-weight:600;font-size:12.5px;margin-top:10px;}
.stat-band .stat-sub{font-size:11.5px;color:var(--text-faint);margin-top:6px;line-height:1.6;}
/* Light-section variant (same recipe as the careers page's inline rules). */
.light .stat-band .stat-cell{background:var(--light-surface);}
.light .stat-band .stat-num{color:var(--light-text);}
.light .stat-band .stat-label{color:var(--light-dim);}
.light .stat-band .stat-sub{color:var(--light-dim);}

/* ---------- SECTION HEADERS ---------- */
.sec{padding:120px 0;z-index:1;}
.sec-tight{padding:88px 0;}
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1.5px;color:var(--accent-bright);margin-bottom:16px;}
.kicker .dt{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);}
.light .kicker{color:#4B5FE0;}
.light .kicker .dt{background:#4B5FE0;}
.sec-title{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-1px;margin-bottom:18px;max-width:820px;line-height:1.25;}
.sec-title .ac{color:var(--accent-bright);}
.light .sec-title .ac{color:#4B5FE0;}
.sec-sub{font-size:14.5px;color:var(--text-dim);max-width:620px;line-height:1.85;}
.light .sec-sub{color:var(--light-dim);}
.sec-head{margin-bottom:56px;}
.stack-cue{margin-top:64px;padding-bottom:32px;display:flex;flex-direction:column;align-items:center;gap:24px;}
.stack-cue-arrow{width:38px;height:38px;border:1px solid var(--light-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4B5FE0;font-size:15px;background:var(--light-surface);flex-shrink:0;}
.stack-cue-line{width:100%;height:1px;background:rgba(10,12,20,.16);}
.light{background:var(--light-bg);color:var(--light-text);}
.light .text-dim{color:var(--light-dim);}

/* ---------- TSAN EVOLUTION THEORY (dark) ---------- */
.evo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);position:relative;border-radius:0;overflow:hidden;}
.evo-card{background:var(--bg);padding:34px 30px;position:relative;}
.evo-stage{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-bright);letter-spacing:1.5px;margin-bottom:16px;}
.evo-name{font-size:19px;font-weight:700;color:var(--text);margin-bottom:6px;}
.evo-tag{font-size:12.5px;font-weight:600;color:var(--text-dim);margin-bottom:18px;}
.evo-desc{font-size:12.5px;color:var(--text-dim);line-height:1.85;}
.evo-arrow{position:absolute;top:50%;right:-11px;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);border-radius:50%;color:var(--text-faint);font-family:var(--font-mono);font-size:12px;z-index:2;}
.evo-note{margin-top:32px;padding:22px 30px;background:rgba(61,107,255,.08);border:1px solid rgba(61,107,255,.25);font-family:var(--font-mono);font-size:12.5px;color:var(--accent-bright);line-height:1.8;}
@media (max-width:960px){
  .evo-grid{grid-template-columns:1fr;}
  .evo-arrow{display:none;}
}

/* ---------- PLATFORM MATRIX ---------- */
.plat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.plat-card{background:var(--bg);padding:30px 26px;transition:background .3s;display:flex;flex-direction:column;min-height:280px;}
.plat-card:hover{background:var(--bg-2);}
.plat-lv{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-bottom:20px;}
.plat-en{font-family:var(--font-mono);font-size:19px;font-weight:700;color:var(--accent-bright);margin-bottom:6px;}
.plat-zh{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px;}
.plat-desc{font-size:12.5px;color:var(--text-dim);line-height:1.8;flex:1;}
.plat-more{margin-top:18px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);}
.plat-card:hover .plat-more{color:var(--accent-bright);}

/* ---------- DEEP DIVE (LIGHT, PALANTIR STYLE) ---------- */
.dive{padding:110px 0;}
.dive-head{max-width:880px;margin-bottom:64px;}
.dive-def{font-size:clamp(17px,2vw,25px);font-weight:600;letter-spacing:-.3px;line-height:1.6;}
.dive-def b{color:#4B5FE0;font-weight:700;}
.dive-brand{font-family:var(--font-mono);font-size:clamp(42px,5.5vw,68px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--light-text);margin-bottom:16px;}
.dive-brand-alt{font-size:15px;font-weight:600;color:var(--light-dim);letter-spacing:.2px;margin:-8px 0 16px;}
.dive-head-inline .dive-brand-alt{margin:8px 0 0;}
.dive-head-inline .dive-title-row{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;margin-bottom:16px;}
.dive-head-inline .dive-brand{margin-bottom:0;}
.dive-head-inline .dive-title-row .dive-brand{color:#4B5FE0;flex-shrink:0;}
.dive-head-inline .dive-title-row .dive-def{margin-bottom:0;padding-left:24px;border-left:1px solid var(--light-border);max-width:560px;font-size:clamp(14px,1.4vw,17px);flex:1 1 auto;min-width:0;}
@media (max-width:640px){
  .dive-head-inline .dive-title-row{gap:14px;flex-wrap:wrap;}
  .dive-head-inline .dive-title-row .dive-def{padding-left:14px;max-width:100%;flex:1 1 100%;}
}
.dive-panel{border:1px solid var(--light-border);background:var(--light-surface);border-radius:0;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:1px;}
.dive-feats{display:flex;flex-direction:column;}
.dive-feat{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--light-border);}
.dive-feat:first-child{border-top:none;padding-top:0;}
.dive-feat b{display:block;font-size:14px;font-weight:700;margin-bottom:5px;}
.dive-feat span{font-size:12.5px;color:var(--light-dim);line-height:1.8;}
.dive-num{font-family:var(--font-mono);font-size:11px;color:#4B5FE0;flex-shrink:0;width:20px;padding-top:2px;}
.dive-visual{position:relative;border:1px solid var(--light-border);border-radius:0;background:linear-gradient(160deg,#EFEEFF,#F6F5F3);min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dive-cta{padding:24px 44px;border:1px solid var(--light-border);border-top:none;background:var(--light-surface);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.dive-cta span{font-family:var(--font-mono);font-size:12px;color:var(--light-dim);}

/* ---------- FDE: "service layer" distinction (people, not software) ---------- */
.mega a.svc small{color:var(--signal);}
.plat-card.svc{border-top:2px solid var(--signal);}
.plat-card.svc .plat-en{color:var(--signal);}
.plat-card.svc:hover .plat-more{color:var(--signal);}
.iso-layer.svc{fill:rgba(51,209,122,.10);stroke:var(--signal);}
.iso-label.svc{fill:var(--signal);}
.dive.service .kicker{color:var(--service);}
.dive.service .kicker .dt{background:var(--service);}
.dive.service .dive-num{color:var(--service);}
.dive.service .dive-def b{color:var(--service);}

/* ---------- FLYWHEEL (dark) ---------- */
.flywheel{border:1px solid var(--border);}
.fw-row{display:flex;flex-wrap:wrap;}
.fw-step{flex:1;min-width:160px;padding:26px 20px;border-right:1px solid var(--border);}
.fw-step:last-child{border-right:none;}
.fw-idx{font-family:var(--font-mono);font-size:11px;color:var(--accent-bright);margin-bottom:10px;}
.fw-step h4{font-size:13.5px;font-weight:700;margin-bottom:8px;}
.fw-step p{font-size:11.5px;color:var(--text-dim);line-height:1.7;}
.fw-loop{padding:18px 26px;border-top:1px solid var(--border);background:rgba(51,209,122,.05);font-family:var(--font-mono);font-size:12px;color:var(--signal);}

/* ---------- IMPACT STUDIES ---------- */
.impact-scroll{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;}
.impact-scroll::-webkit-scrollbar{height:6px;}
.impact-scroll::-webkit-scrollbar-track{background:transparent;}
.impact-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px;}
.impact-card{display:block;flex:0 0 calc((100% - 48px)/3);min-width:300px;scroll-snap-align:start;border:1px solid var(--border);transition:border-color .25s,background .25s;}
.impact-card:hover{border-color:var(--border-strong);background:var(--bg-2);}
.impact-visual{height:auto;aspect-ratio:16/10;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.impact-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.impact-card:hover .impact-visual{background:var(--surface);}
.impact-body{padding:26px 26px 28px;}
.impact-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent-bright);letter-spacing:.5px;}
.impact-h{font-size:17px;font-weight:700;margin-top:10px;line-height:1.5;}
.impact-stats{display:flex;gap:28px;margin-top:20px;}
.impact-stat b{display:block;font-family:var(--font-mono);font-size:20px;color:var(--text);}
.impact-stat span{font-size:10.5px;color:var(--text-faint);}

/* ---------- OFFERINGS CHIPS ---------- */
.chip-wall{display:flex;flex-wrap:wrap;gap:10px;}
.chip{font-size:12.5px;color:var(--text-dim);border:1px solid var(--border);padding:9px 18px;border-radius:0;transition:all .3s;font-weight:500;}
.chip:hover{border-color:var(--accent);color:var(--accent-bright);}
.client-wall{margin-bottom:34px;}
.client-wall-label{font-family:var(--font-mono);font-size:12px;color:var(--accent-bright);letter-spacing:.5px;margin-bottom:18px;font-weight:600;}
.client-chip{font-size:13px;padding:9px 18px;color:var(--text);border-color:var(--border-strong);background:rgba(108,140,255,.05);}
.client-chip:hover{color:var(--accent-bright);border-color:var(--accent);background:rgba(108,140,255,.1);}

/* ---------- CAREERS / FDE ---------- */
.careers{background:var(--accent);color:#fff;padding:90px 0;position:relative;overflow:hidden;}
.careers .wrap{position:relative;z-index:1;}
.careers-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;}
.careers h2{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.8px;margin-bottom:20px;line-height:1.35;}
.careers p{font-size:14.5px;opacity:.92;line-height:1.9;max-width:520px;}
.careers-stats{display:flex;flex-direction:column;gap:22px;}
.careers-stat{border-left:2px solid rgba(255,255,255,.4);padding-left:18px;}
.careers-stat b{display:block;font-family:var(--font-mono);font-size:26px;}
.careers-stat span{font-size:11.5px;opacity:.85;}

/* ---------- NEWS ---------- */
.news-list{border:1px solid var(--border);}
.news-row{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border);transition:background .2s;}
.news-row:last-child{border-bottom:none;}
.news-row:hover{background:var(--bg-2);}
.news-date{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);}
.news-row h4{font-size:13.5px;font-weight:500;line-height:1.6;}
.news-arrow{color:var(--text-faint);font-family:var(--font-mono);font-size:13px;}
.light .news-list{border-color:var(--light-border);}
.light .news-row{border-bottom-color:var(--light-border);}
.light .news-row:hover{background:var(--light-surface);}
.light .news-date,.light .news-arrow{color:var(--light-dim);}
.light .news-row h4{color:var(--light-text);}
.light .btn-ghost{border-color:var(--light-border);color:var(--light-text);}
.light .btn-ghost:hover{border-color:#4B5FE0;color:#4B5FE0;}

/* ---------- PRODUCTS LISTING ---------- */
.prod-found-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prod-found-card{display:flex;flex-direction:column;gap:12px;padding:32px 30px;background:var(--light-surface);border:1px solid var(--light-border);border-top:3px solid var(--pc);transition:border-color .2s;--pc:#4B5FE0;}
.prod-found-card.accent-blue{--pc:#008CE2;}
.prod-found-card.accent-blue .prod-found-name{color:#008CE2;}
.prod-found-card.accent-green{--pc:#5FA004;}
.prod-found-card.accent-green .prod-found-name{color:#5FA004;}
.prod-found-card.accent-amber{--pc:#DB7800;}
.prod-found-card.accent-amber .prod-found-name{color:#DB7800;}
.prod-found-card:hover{border-color:var(--pc);}
.prod-found-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;color:var(--pc);}
.prod-found-name{font-family:var(--font-mono);font-size:clamp(32px,16cqi,56px);font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--pc);}
.prod-found-card p{font-size:13.5px;line-height:1.85;color:var(--light-dim);flex:1;}
.prod-link{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--pc,#4B5FE0);}
.prod-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.prod-app-card{display:flex;flex-direction:column;gap:8px;padding:24px 24px 22px;background:var(--light-surface);border:1px solid var(--light-border);transition:border-color .2s;}
.prod-app-card:hover{border-color:#4B5FE0;}
.prod-app-group{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.8px;color:var(--light-dim);}
.prod-app-card h3{font-size:18px;font-weight:800;color:var(--light-text);letter-spacing:-.2px;}
.prod-app-sub{font-size:12.5px;font-weight:600;color:#4B5FE0;}
.prod-app-card p{font-size:13px;line-height:1.8;color:var(--light-dim);flex:1;margin-top:4px;}
.prod-app-card .prod-link{margin-top:8px;}
@media (max-width:960px){.prod-app-grid{grid-template-columns:repeat(2,1fr);}.prod-found-grid{gap:16px;}.prod-found-card{padding:26px 22px;}}
@media (max-width:760px){.prod-found-grid{grid-template-columns:1fr;}}
@media (max-width:600px){.prod-app-grid{grid-template-columns:1fr;}}

/* ---------- NEWSROOM LISTING (latest story, four picture cards, plain list) ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.nr-meta{display:flex;gap:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--light-dim);letter-spacing:.3px;}
.nr-meta span:first-child{color:#4B5FE0;}
.nr-lead{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;}
.nr-lead h2{font-size:clamp(24px,2.6vw,34px);line-height:1.3;color:var(--light-text);margin:16px 0 14px;}
.nr-lead p{font-size:15px;line-height:1.8;color:var(--light-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.nr-more{display:inline-block;margin-top:22px;font-size:14px;font-weight:600;color:#4B5FE0;}
.nr-lead-img{overflow:hidden;background:var(--light-surface);}
.nr-lead-img img{width:100%;height:auto;display:block;transition:transform .4s;}
.nr-lead:hover .nr-lead-img img{transform:scale(1.03);}
.nr-lead:hover h2,.nr-row:hover h3{color:#4B5FE0;}
.nr-list{margin-top:64px;border-top:1px solid var(--light-border);}
.nr-row{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--light-border);}
.nr-row h3{font-size:16px;line-height:1.5;color:var(--light-text);transition:color .2s;}
.nr-row p{font-size:13.5px;line-height:1.7;color:var(--light-dim);margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.nr-date{font-family:var(--font-mono);font-size:12px;color:var(--light-dim);white-space:nowrap;}
@media (max-width:960px){.nr-lead{grid-template-columns:1fr;gap:24px;}.nr-lead-img{order:-1;}}
@media (max-width:600px){.nr-row{grid-template-columns:1fr;gap:6px;}.nr-date{order:-1;}.nr-row p{-webkit-line-clamp:2;}}

/* ---------- DETAIL PAGE HEADER: back button + category tag ----------
   Case, news and application pages open with a row holding an outlined
   pill back to the list and a soft tag naming the category. */
.page-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.back-to-list{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 15px 0 12px;border:1px solid var(--light-border);border-radius:999px;font-size:13px;color:var(--light-text);transition:border-color .2s,color .2s;}
.back-to-list .arr{font-size:14px;line-height:1;transition:transform .2s;}
.back-to-list:hover{border-color:#4B5FE0;color:#4B5FE0;}
.back-to-list:hover .arr{transform:translateX(-3px);}
.crumb-tag{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:rgba(75,95,224,.08);color:#4B5FE0;font-size:12.5px;font-weight:500;letter-spacing:.2px;}

/* ---------- WHITE PAGES: case studies and newsroom ----------
   Pages with pageClass: page-white. Light sections are pure white; cards
   that sat white-on-cream switch to the cream tone so they stay visible. */
.page-white{--light-bg:#FFFFFF;--light-surface:#F6F5F3;}

/* ---------- NEWSROOM ARTICLE ---------- */
.news-actions{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0 12px;}
.news-fig{margin:28px 0;text-align:center;}
.news-body>:first-child{margin-top:0;}
.news-fig img{max-width:100%;height:auto;display:inline-block;vertical-align:top;}
/* Tall images (phone screenshots, posters) would fill two screens at full
   size: cap the height and let the width follow. Landscape images are
   unaffected. */
.news-fig img{width:auto;max-height:min(620px,75vh);}
.article-body p.news-cap{font-size:13px;line-height:1.7;color:var(--light-dim);text-align:center;margin:-14px 0 28px;}
.article-body .news-fig + p.news-cap{margin-top:-18px;}


/* ---------- CONTACT ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;}
.contact-title{font-size:clamp(22px,2.8vw,30px);font-weight:800;line-height:1.5;margin-bottom:24px;letter-spacing:-.5px;}
.form-panel{border:1px solid var(--border);padding:32px;background:var(--surface);}
.form-row{margin-bottom:20px;}
.form-row label{display:block;font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);margin-bottom:9px;letter-spacing:.3px;font-weight:600;}
.form-row input,.form-row textarea{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.045);color:var(--text);font-size:14px;font-family:inherit;border-radius:0;}
.form-row input::placeholder,.form-row textarea::placeholder{color:var(--text-faint);}
.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--accent-bright);background:rgba(255,255,255,.07);}
.form-row textarea{resize:vertical;min-height:70px;}

/* ---------- FOOTER ---------- */
footer{padding:56px 0 32px;border-top:1px solid var(--border);z-index:1;}
.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;margin-bottom:40px;}
.footer-brand{font-size:15px;font-weight:800;margin-bottom:10px;font-family:var(--font-mono);}
.footer-addr{font-size:12px;color:var(--text-faint);line-height:2;font-family:var(--font-mono);}
.footer-powered{font-size:11px;color:var(--text-faint);margin-top:10px;font-family:var(--font-mono);letter-spacing:.3px;}
.footer-links{display:flex;gap:48px;flex-wrap:wrap;}
.footer-col h6{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);margin-bottom:14px;letter-spacing:.8px;}
.footer-col a{display:block;font-size:12.5px;color:var(--text-dim);margin-bottom:10px;}
.footer-col a:hover{color:var(--accent-bright);}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint);font-family:var(--font-mono);}
.footer-bottom a{color:var(--text-dim);}
.footer-bottom a:hover{color:var(--accent-bright);}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}

@media (max-width:960px){
  .wrap{padding:0 22px;}
  .nav-links{display:none;}
  .nav-links.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:rgba(8,9,11,.98);border-bottom:1px solid var(--border);padding:12px 22px 20px;gap:0;}
  .nav-links.open .nav-item{width:100%;}
  .nav-links.open .nav-item>a{padding:13px 0;border-bottom:1px solid var(--border);}
  .nav-links.open .mega{position:static;opacity:1;visibility:visible;transform:none;border:none;background:transparent;box-shadow:none;padding:0 0 10px 14px;display:none;}
  .nav-links.open .nav-item.mega-open .mega{display:flex;flex-direction:column;}
  .nav-links.open .mega-products{min-width:0;margin-left:0;left:auto;}
  .nav-links.open .mega-col{padding:0;}
  .nav-links.open .mega-col+.mega-col{border-left:none;margin-top:6px;}
  .menu-toggle{display:block;}
  .hero-grid{grid-template-columns:1fr;}
  .iso-wrap{height:360px;}
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .plat-grid{grid-template-columns:repeat(2,1fr);}
  .dive-panel{grid-template-columns:1fr;padding:28px;}
  .impact-card{flex-basis:82%;min-width:240px;}
  .careers-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:36px;}
  .sec{padding:80px 0;}
  .dive{padding:72px 0;}
}


/* ---------- PRODUCT SUBPAGE ADDITIONS ---------- */
.mega a.current{background:rgba(61,107,255,.08);}
.mega a.current small{color:var(--accent-bright);font-weight:700;}

.prod-hero{padding:96px 0 90px;border-bottom:1px solid var(--border);}
.prod-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.prod-crumb{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);margin-bottom:20px;}
.prod-crumb a{color:var(--text-dim);}
.prod-crumb a:hover{color:var(--accent-bright);}
.prod-crumb .ph{color:var(--text-faint);margin:0 6px;}
.prod-hero h1{font-family:var(--font-mono);font-size:clamp(38px,5.6vw,66px);font-weight:800;letter-spacing:-1.5px;margin-bottom:22px;color:var(--text);}
.prod-hero p.sub{font-size:15px;color:var(--text-dim);line-height:1.9;margin-bottom:34px;max-width:560px;}
.prod-hero-visual{border:1px solid var(--border);border-radius:0;background:linear-gradient(160deg,#12142a,#08090b);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:340px;padding:20px;}
.prod-hero-visual img{width:100%;height:auto;object-fit:contain;}

.stack-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--light-border);border:1px solid var(--light-border);border-radius:0;overflow:hidden;}
.stack-mini-cell{background:var(--light-surface);padding:22px 20px;transition:background .25s;}
.stack-mini-cell.current{background:#EFEEFF;}
.stack-mini-lv{font-family:var(--font-mono);font-size:10.5px;color:var(--light-dim);margin-bottom:8px;letter-spacing:.5px;}
.stack-mini-name{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--light-text);margin-bottom:6px;}
.stack-mini-cell.current .stack-mini-name{color:#4B5FE0;}
.stack-mini-desc{font-size:11.5px;color:var(--light-dim);line-height:1.7;}
@media (max-width:760px){.stack-mini{grid-template-columns:1fr 1fr;}}

.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--light-border);border:1px solid var(--light-border);margin-bottom:1px;border-radius:0;overflow:hidden;}
.cap-card{background:var(--light-surface);padding:32px 30px;}
.cap-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.cap-head .card-icon{margin-bottom:0;}
.cap-head .card-icon.sm{width:56px;height:56px;border-radius:12px;}
.cap-head .card-icon.sm svg{width:30px;height:30px;}
.cap-head-text{display:flex;flex-direction:column;align-items:flex-start;}
.cap-num{font-family:var(--font-mono);font-size:12px;color:#4B5FE0;margin-bottom:4px;}
.evo-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:0;}
.evo-head .card-icon{margin-bottom:0;width:56px;height:56px;border-radius:12px;}
.evo-head .card-icon svg{width:30px;height:30px;}
.evo-head-text{display:flex;flex-direction:column;align-items:flex-start;}
.evo-head .evo-stage{margin-bottom:4px;}
.evo-head .evo-name{margin-bottom:0;}
.cap-card h3{font-size:16.5px;font-weight:700;color:var(--light-text);}
.cap-card p{font-size:13px;color:var(--light-dim);line-height:1.85;}
@media (max-width:760px){.cap-grid{grid-template-columns:1fr;}}

.evo-quote{margin-top:24px;padding:26px 34px;background:rgba(61,107,255,.06);border:1px solid rgba(61,107,255,.2);border-radius:0;font-size:14px;color:var(--light-text);line-height:1.9;}
.evo-quote b{color:#4B5FE0;}

.layer-nav{display:flex;justify-content:space-between;align-items:center;padding:26px 0;font-family:var(--font-mono);font-size:12.5px;}
.layer-nav a{color:var(--text-dim);display:flex;align-items:center;gap:8px;}
.layer-nav a:hover{color:var(--accent-bright);}

.cta-banner{padding:26px 44px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.cta-banner span{font-size:14px;color:var(--text-dim);}

@media (max-width:960px){
  .prod-hero{padding:96px 0 60px;}
  .prod-hero-grid{grid-template-columns:1fr;}
}

.cap-grid.cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:960px){.cap-grid.cols-3{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.cap-grid.cols-3{grid-template-columns:1fr;}}

.cap-grid.cols-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:960px){.cap-grid.cols-4{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.cap-grid.cols-4{grid-template-columns:1fr;}}

/* ---------- WORKFLOW (7-step flow) ---------- */
.flow-row{display:flex;flex-wrap:wrap;border:1px solid var(--light-border);background:var(--light-border);gap:1px;border-radius:0;overflow:hidden;}
.flow-step{flex:1;min-width:130px;background:var(--light-surface);padding:22px 16px;position:relative;}
.flow-idx{font-family:var(--font-mono);font-size:26px;font-weight:700;color:#4B5FE0;margin-bottom:12px;line-height:1;}
.flow-step h4{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--light-text);}
.flow-step p{font-size:11px;color:var(--light-dim);line-height:1.6;}
.flow-arrow{position:absolute;top:22px;right:-9px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--light-surface);border:1px solid var(--light-border);border-radius:50%;color:var(--light-dim);font-size:10px;z-index:2;}
@media (max-width:900px){.flow-arrow{display:none;}}

/* ---------- AUTOMATION LEVEL TABLE ---------- */
.level-table{border:1px solid var(--light-border);background:var(--light-border);display:flex;flex-direction:column;gap:1px;border-radius:0;overflow:hidden;}
.level-row{display:grid;grid-template-columns:230px 1fr 1fr;gap:1px;background:var(--light-surface);}
.level-row.head{background:#F4F5FF;}
.level-row.head .level-cell{background:transparent;font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:#4B5FE0;letter-spacing:.8px;padding:13px 20px;}
.level-cell{background:var(--light-surface);padding:18px 20px;font-size:12.5px;color:var(--light-dim);line-height:1.7;}
.level-row.active{position:relative;box-shadow:inset 4px 0 0 #4B5FE0;}
.level-row.active .level-cell{background:#F5F6FF;}
.level-lv{font-family:var(--font-mono);font-weight:700;color:var(--light-text);font-size:13px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.level-row.active .level-lv{color:#4B5FE0;}
.level-lv small{font-weight:500;font-size:11px;color:var(--light-dim);}
.level-current{display:inline-block;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.3px;color:#fff;background:#4B5FE0;padding:2px 8px;border-radius:20px;}
@media (max-width:760px){
  .level-row{grid-template-columns:1fr;}
  .level-row.head{display:none;}
  .level-row.active{box-shadow:none;border-left:4px solid #4B5FE0;}
}

/* ---------- AI WORKERS TEAM ---------- */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--light-border);border:1px solid var(--light-border);border-radius:0;overflow:hidden;}
.team-card{background:var(--light-surface);padding:26px 22px;}
.team-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;}
.team-head .card-icon{margin-bottom:0;}
.team-head .card-icon.sm{width:56px;height:56px;border-radius:12px;}
.team-head .card-icon.sm svg{width:30px;height:30px;}
.team-head-text{display:flex;flex-direction:column;align-items:flex-start;}
.team-name{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--light-text);}
.team-role{font-size:11.5px;color:#4B5FE0;font-weight:600;margin:2px 0 0;}
.team-card p{font-size:12px;color:var(--light-dim);line-height:1.75;margin-bottom:14px;min-height:84px;}
.team-tags{display:flex;flex-wrap:wrap;gap:6px;}
.team-tags span{font-size:10.5px;color:var(--light-dim);border:1px solid var(--light-border);padding:4px 9px;border-radius:0;}
@media (max-width:960px){.team-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.team-grid{grid-template-columns:1fr;}}

/* ---------- KNOWLEDGE + MODEL MATRIX SPLIT ---------- */
.split-2col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--light-border);border:1px solid var(--light-border);}
.split-panel{background:var(--light-surface);padding:32px 30px;}
.split-panel h3{font-size:15px;font-weight:700;color:var(--light-text);margin-bottom:10px;}
.split-panel p{font-size:12.5px;color:var(--light-dim);line-height:1.8;margin-bottom:16px;}
.split-panel .chip-wall{gap:8px;}
.split-panel .chip{font-size:11.5px;padding:7px 14px;}
.split-panel .chip.primary{border-color:var(--border-strong);color:#4B5FE0;background:rgba(75,95,224,.06);}
@media (max-width:900px){.split-2col{grid-template-columns:1fr;}}

.section-lede{font-size:13.5px;color:var(--light-dim);line-height:1.85;max-width:760px;margin:-32px 0 40px;}

/* ---------- ICONS ---------- */
.card-icon{width:36px;height:36px;border-radius:8px;background:rgba(75,95,224,.08);display:flex;align-items:center;justify-content:center;color:#4B5FE0;margin-bottom:14px;flex-shrink:0;}
.card-icon svg{width:18px;height:18px;display:block;}
.card-icon.dark{background:rgba(108,140,255,.1);color:var(--accent-bright);}
.card-icon.sm{width:28px;height:28px;border-radius:6px;margin-bottom:10px;}
.card-icon.sm svg{width:15px;height:15px;}
.split-panel h3{display:flex;align-items:center;gap:10px;}
.split-panel .card-icon{margin-bottom:0;}

/* ---------- FLAGSHIP CASE (single wide spotlight card, tsanCenter) ---------- */
.flagship-case{display:flex;flex:none;width:100%;border-radius:0;overflow:hidden;}
.flagship-case .impact-visual{width:360px;height:auto;aspect-ratio:auto;flex-shrink:0;border-bottom:none;border-right:1px solid var(--border);}
.flagship-case .impact-body{flex:1;padding:34px 38px;}
.flagship-case .flagship-desc{font-size:12.5px;color:var(--text-dim);line-height:1.85;margin-top:14px;}
@media (max-width:760px){
  .flagship-case{flex-direction:column;}
  .flagship-case .impact-visual{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border);}
}

/* ---------- MINI CASE CARDS (tsanClaw IMPACT) ---------- */
.mini-case .case-tag{font-family:var(--font-mono);font-size:11px;color:#4B5FE0;letter-spacing:.4px;margin-bottom:10px;font-weight:600;}
.mini-case h4{font-size:15px;font-weight:700;color:var(--light-text);line-height:1.5;margin-bottom:16px;}
.mini-case .case-stats{display:flex;gap:24px;}
.mini-case .case-stat b{display:block;font-family:var(--font-mono);font-size:19px;color:#4B5FE0;}
.mini-case .case-stat span{font-size:10.5px;color:var(--light-dim);}

/* ---------- CARDS: no gray borders; separate cards from the page by background ---------- */
:root{--card-dark:rgba(255,255,255,.045);--card-shadow:0 10px 30px rgba(10,12,20,.08);}
.trust-grid{gap:2px;background:transparent;}
.stat-cell{background:var(--card-dark);}
.flywheel{border:none;}
.fw-step{border-right:none;}
.evo-grid{gap:2px;background:transparent;border:none;overflow:visible;}
.evo-card{background:var(--card-dark);}
.evo-arrow{right:-12px;}
.plat-grid{gap:2px;background:transparent;border:none;}
.plat-card{background:var(--card-dark);}
.plat-card:hover{background:rgba(255,255,255,.07);}
.dive-panel{border:none;}
.dive-visual{border:none;}
.dive-cta{border:none;}
.impact-card{border:none;background:var(--card-dark);}
.impact-card:hover{border:none;background:rgba(255,255,255,.07);}
.impact-visual{border-bottom:none;}
.news-list{border:none;display:flex;flex-direction:column;gap:8px;}
.news-row{border-bottom:none;background:var(--card-dark);}
.news-row:hover{background:rgba(255,255,255,.07);}
.light .news-row{background:var(--light-surface);}
.light .news-row:hover{background:var(--light-surface);box-shadow:var(--card-shadow);}
@media (max-width:640px){.news-row{grid-template-columns:1fr auto;grid-template-areas:"date arrow" "title title";gap:6px 16px;padding:18px 20px;}.news-date{grid-area:date;}.news-row h4{grid-area:title;}.news-arrow{grid-area:arrow;}}
.form-panel{border:none;background:var(--card-dark);}
.light .form-panel{background:var(--light-surface);}
.prod-hero-visual{border:none;}
.stack-mini{gap:2px;background:transparent;border:none;overflow:visible;}
.cap-grid{gap:2px;background:transparent;border:none;overflow:visible;}
.evo-quote{border:none;}
.cta-banner{border:none;background:var(--card-dark);}
.flow-row{gap:2px;background:transparent;border:none;overflow:visible;}
.flow-arrow{right:-10px;}
.level-table{gap:6px;background:transparent;border:none;overflow:visible;}
.team-grid{gap:2px;background:transparent;border:none;overflow:visible;}
.split-2col{gap:2px;background:transparent;border:none;overflow:visible;}
.prod-found-card{border:none;transition:box-shadow .2s;container-type:inline-size;}
.prod-found-card:hover{box-shadow:var(--card-shadow);}
.prod-app-card{border:none;transition:box-shadow .2s;}
.prod-app-card:hover{box-shadow:var(--card-shadow);}
.team-tags span{border:none;background:var(--light-bg);}
.impact-scroll{gap:2px;}
@media (min-width:961px){.impact-card{flex-basis:calc((100% - 4px)/3);}}
/* Three-stat band: three columns, one column on phones (after the generic .trust-grid mobile rule). */
.trust-grid-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:640px){.trust-grid-3{grid-template-columns:1fr;}}

/* Nav logo: ring mark + wordmark as separate images (proportions of logo.svg:
   gap = 89.5/271 of the height); phones show the mark only. */
.brand-mark{height:34px;width:34px;display:block;}
.brand-word{height:34px;width:auto;display:block;margin-left:2px;} /* + .brand gap 9px = 11px */
@media (max-width:640px){.brand-word{display:none;}}

/* ---------- PRODUCTS PAGE: foundation cards in the homepage silk gradient ----------
   Same recipe and colors as the homepage product cards (home.css, decision 35):
   each product's segment of the logo ring, a hint of the neighbouring segment,
   soft blurred highlights and a light grain; text in white. */
.prod-found-card.accent-blue{--silk-hi:#00B7E9;--silk-mid:#0097DA;--silk-lo:#0D4C84;--silk-near:#9DC91B;}
.prod-found-card.accent-green{--silk-hi:#B7D827;--silk-mid:#769E1F;--silk-lo:#3F6512;--silk-near:#FDCE2C;}
.prod-found-card.accent-amber{--silk-hi:#FFDD33;--silk-mid:#E27A00;--silk-lo:#BE0A0E;--silk-near:#FF3737;}
.prod-found-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,var(--silk-mid) 0%,var(--silk-lo) 100%);transition:box-shadow .2s,transform .2s;}
.prod-found-card::before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;filter:blur(28px);transform:rotate(-14deg);
  background:
    radial-gradient(38% 26% at 26% 22%,var(--silk-hi) 0%,transparent 72%),
    radial-gradient(70% 16% at 58% 50%,rgba(255,255,255,.34) 0%,transparent 70%),
    radial-gradient(62% 22% at 52% 62%,color-mix(in srgb,var(--silk-lo) 85%,#000) 0%,transparent 72%),
    radial-gradient(30% 24% at 88% 88%,color-mix(in srgb,var(--silk-near) 70%,transparent) 0%,transparent 70%),
    radial-gradient(46% 34% at 12% 92%,var(--silk-lo) 0%,transparent 70%);}
.prod-found-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");}
.prod-found-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(10,12,20,.18);}
.prod-found-card .prod-found-sub,
.prod-found-card.accent-blue .prod-found-name,.prod-found-card.accent-green .prod-found-name,.prod-found-card.accent-amber .prod-found-name,
.prod-found-card .prod-link{color:#fff;}
.prod-found-card .prod-found-sub{opacity:.85;}
.prod-found-card p{color:rgba(255,255,255,.92);}

/* ---------- CLIENT PAIN POINTS (second screen) ----------
   Homepage second screen and the services page: four questions, each linking to its service.
   Large faint number, accent icon, the pain as the headline, the symptom
   below, whole card links to the matching service. */
.pains{padding-top:72px;}
.pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-in,4px);}
.pain-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 26px 30px;background:var(--card-dark);border-radius:var(--r-md,12px);overflow:hidden;transition:background .25s,transform .25s;}
.pain-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent-bright),transparent 70%);opacity:0;transition:opacity .25s;}
.pain-card:hover{background:rgba(255,255,255,.075);transform:translateY(-3px);}
.pain-card:hover::before{opacity:1;}
.pain-num{position:absolute;right:20px;top:14px;font-family:var(--font-mono);font-size:44px;line-height:1;color:rgba(255,255,255,.06);letter-spacing:-1px;}
.pain-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(108,140,255,.12);color:var(--accent-bright);}
.pain-card h3{font-size:18px;line-height:1.45;color:var(--text);margin-top:6px;}
.pain-card p{font-size:13.5px;line-height:1.85;color:var(--text-dim);flex:1;}
@media (max-width:1000px){.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.pain-grid{grid-template-columns:1fr;}.pains{padding-top:56px;}}
/* Light pages (services): same card on the light surface. */
.light .pain-card{background:var(--light-surface);}
.light .pain-card:hover{background:var(--light-surface);box-shadow:0 14px 34px rgba(10,12,20,.08);}
.light .pain-num{color:rgba(10,12,20,.06);}
.light .pain-icon{background:rgba(75,95,224,.1);color:#4B5FE0;}
.light .pain-card::before{background:linear-gradient(90deg,#4B5FE0,transparent 70%);}
.light .pain-card h3{color:var(--light-text);}
.light .pain-card p{color:var(--light-dim);}