/* Perseus AI · V8 deep charcoal design system. Loads after site.css. */
:root {
  --ink:#f2f5fb;--paper:#070a10;--bg:#070a10;--muted:#99a7ba;
  --line:#252e3d;--blue:#94b8ff;--deep:#080d16;--accent:#aac7ff;
  --radius:24px;--max:1230px;
}
html {color-scheme:dark}
body {background:#070a10;color:#f2f5fb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;letter-spacing:-.012em}
h1,h2,h3,h4,.metric b,.value strong{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em}
a:focus-visible,button:focus-visible{outline-color:#9abfff}
::selection{background:#587bb9;color:#fff}
.nav{background:rgba(7,10,16,.94);border-bottom:1px solid #253042;box-shadow:0 1px 0 rgba(255,255,255,.018)}
.brand{color:#fff}.brand-mark{background:#c5d7f5;color:#08111f}
.nav-links a:not(.nav-cta){color:#a1adc1}.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{background:#f0f5ff;color:#091121!important}
.nav-cta:hover{background:#c6d9ff}.menu-toggle{background:#101722;border-color:#29354a}.menu-toggle i{background:#e8effc}
.announce{background:#0c1423;border-color:#1b2c45;color:#a9c3eb;font-weight:600;letter-spacing:.04em}
.hero{background:#070a10}
.hero:before{opacity:.45;box-shadow:none;border-color:#27364d}
.hero-grid{padding-top:112px;padding-bottom:110px;min-height:725px}
.hero h1{font-weight:700;letter-spacing:-.074em;font-size:clamp(58px,6.3vw,90px)}
.hero h1 em{color:#b2cbfa}
.hero-lead{color:#aab7cb}
.hero-img{border:1px solid #283548;background:#111722;box-shadow:0 24px 75px #0007}
.hero-over b{font-weight:700}
.promise-row span{background:#121b2b;border-color:#303e56;color:#d3dfef}
.btn-dark{background:#e8f0fc;color:#09111b}.btn-dark:hover{background:#cadcfa}
.btn-outline{border-color:#46536a;color:#e7edf7}.btn-outline:hover{border-color:#8aa7d5;background:#192334}
.btn-light{background:#f5f7ff;color:#0a1019}.btn-light:hover{background:#cfdfff}
.btn-blue{background:#4e7ae5;color:#fff}.btn-blue:hover{background:#648ff3}
.metric-bar{background:#090d15;border-color:#253042}
.metric{border-color:#263243}.metric b{color:#f0f4fb;font-size:clamp(34px,3.5vw,44px);font-weight:690}.metric span{color:#a3adc0}.metric-foot{color:#68758a}
.section,.section.white,.section.soft{background:#070a10;color:#f1f5fc}
.section.soft{background:#0a0e16}
.section.dark{background:#090e18}
.head p,.section p,.page-hero p{color:#a3aec1}
.eyebrow{color:#91b8ff;letter-spacing:.15em}
.section h2,.page-hero h1{font-weight:720}
.value{border-color:#303b4b}.value strong{color:#e8eef9}.value small{color:#96b8ff}.value p{color:#93a0b3}
.product-stage{background:#0d121c;border-color:#283345;box-shadow:none}
.product-stage p{color:#a0adc1}
.chip{background:#151f2f;border:1px solid #2a3950;color:#b6c8df}
.system-viz{background:#080d18;border:1px solid #2e3c51}
.module,.service,.platform,.demo-lead,.evidence,.detail,.detail-item,.project,.service-step,.company-card,.tech-card,.case{background:#0d131e;border:1px solid #293547;color:#f2f5fc;box-shadow:none}
.module.dark-card{background:#101a2c;border-color:#334665}
.module p,.service p,.platform p,.evidence p,.detail p,.project p,.service-step p,.detail-item span{color:#9aa9bc}
.module .num,.service-index,.platform-footer{color:#92aad0}
.service-tags span{background:#172235;color:#b5c8df;border:1px solid #2b3850}
.demo-lead{background:#0f1520}.demo-frame{background:#0c121e;border-color:#2c394b}
.demo-lead p,.demo-text p{color:#a1b0c4}
.demo-tab{background:#111a29;border-color:#334257;color:#b4c0d1}
.demo-tab.active{background:#e6efff;color:#0b1422;border-color:#e6efff}
.demo-step{background:#111b2a;border-color:#2b3a4e;color:#e0e9f8}
.demo-step span{color:#91b8ff}.demo-snap{background:#f9fafc;border-color:#3d4b60}
.demo-label{background:#101725;color:#9faac0}
.evidence .kind,.project b{color:#94baff}
.evidence small{color:#9da9bd}.evidence strong{color:#f4f7fd}
.page-hero{background:#080c13;border-color:#293347;padding-top:113px;padding-bottom:96px}
.page-hero h1{color:#f4f7fc}.page-hero h1 em{color:#9fc0ff}
.detail-item{background:#151f2e;border:1px solid #243044}
.detail-items{gap:12px}
.service-step b{color:#9cbcff}
.compat{background:#0d131e;border-color:#303b4d;color:#dce7f6}
.compat th{background:#151e2c;color:#aab9cc}
.compat td{border-color:#263448;color:#e1e8f5}
.compat td:nth-child(2){color:#9ba9bb}
.status,.status.pending,.status.inprogress{background:#172942;color:#b9d2fe;border:1px solid #29486b;font-size:11px;font-weight:700;letter-spacing:.01em}
.platform-footer{color:#9da9bc}
.project .proof span{background:#172334;border:1px solid #27364e;color:#a7bfdc}
.project .visual{background:#0c1526}
.photo-split h3{color:#f2f5fb}
.person{border-color:#b7c9e6}.person p{color:#a1aec0}.person small{color:#a2c0f4}
.closing{background:#0b1322;border-top:1px solid #2a3447}
.closing p{color:#aab8cc}
.footer{background:#070a10;border-color:#253042}.footer p{color:#a2adbf}
.footer h4{color:#8394ad}.footer a.text-link{color:#a8b6ca}
.footer a.text-link:hover{color:#fff}
.copyright{border-color:#273448;color:#8c9aad}
.notice{background:#101a2b;border:1px solid #2d3c51;color:#a8b6c8}
.notice strong{color:#c8daf6}

/* Single-toned premium gallery: physical products + concept / demo differentiation. */
.product-gallery{background:#090d15;padding:100px 0 116px;border-top:1px solid #1c2635;border-bottom:1px solid #202b3a;color:#f3f6fc}
.product-gallery .head{margin-bottom:40px}
.gallery-head-suffix{font-size:12px;color:#a2b1c8}
.gallery-shell{position:relative;background:#101722;border:1px solid #303a4b;border-radius:28px;overflow:hidden;box-shadow:0 35px 100px #0003}
.gallery-rail{display:flex;align-items:center;justify-content:space-between;padding:20px 33px;border-bottom:1px solid #2c384b}
.gallery-label{font-size:11px;color:#b0c2dc;letter-spacing:.18em;font-weight:700}
.gallery-counter{font:600 12px ui-monospace,Menlo,monospace;color:#91a7c4}
.gallery-slide{display:grid;grid-template-columns:.92fr 1.08fr;min-height:535px}
.gallery-slide:not(.is-active){display:none}
.gallery-visual{position:relative;min-height:535px;background:radial-gradient(circle at 40% 55%,#1e3352 0%,#0b121f 58%,#080c13 95%);border-right:1px solid #283448;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gallery-visual:before{content:"";position:absolute;inset:24px;border:1px solid #26364b;border-radius:17px;pointer-events:none;z-index:2}
.gallery-visual img{width:100%;height:100%;object-fit:cover}
.gallery-visual.photo img{position:absolute;inset:0;object-position:center center;filter:contrast(1.05) saturate(.8)}
.gallery-visual.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,16,.58),transparent 35%)}
.gallery-visual.device-concept img{max-width:78%;max-height:475px;object-fit:contain;filter:drop-shadow(0 25px 28px #000b)}
.gallery-visual .visual-caption{position:absolute;z-index:4;left:46px;bottom:28px;font:650 11px ui-monospace,Menlo,monospace;color:#c3d4ed;letter-spacing:.11em}
.gallery-copy{padding:75px 58px 63px;display:flex;flex-direction:column;align-items:start;justify-content:center}
.gallery-kicker{font-size:11px;letter-spacing:.16em;font-weight:760;color:#9dbbfa}
.gallery-title{font-size:clamp(38px,4.1vw,62px);line-height:1.06;letter-spacing:-.07em;margin:26px 0 23px;font-weight:740}
.gallery-description{font-size:16px;color:#a9b9ca;line-height:1.78;max-width:520px;margin:0}
.gallery-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.gallery-features span{font-size:11px;border:1px solid #34445b;color:#bdcce1;border-radius:99px;padding:7px 11px}
.gallery-footnote{margin-top:25px;font-size:12px;color:#8090a9}
.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 32px;border-top:1px solid #2c384b;background:#0e1420}
.gallery-pagination{display:flex;gap:8px;align-items:center}
.gallery-dot{width:26px;height:4px;border:0;border-radius:10px;background:#37465a;padding:0;transition:width .3s,background .3s}
.gallery-dot.active{width:48px;background:#9ebfff}
.gallery-controls{display:flex;gap:8px;align-items:center}
.gallery-arrow,.gallery-pause{background:#182334;border:1px solid #3a4860;color:#eaf2ff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;line-height:1}
.gallery-pause{width:auto;border-radius:99px;padding:0 15px;font-size:11px;letter-spacing:.03em}
.gallery-arrow:hover,.gallery-pause:hover{border-color:#a5bdec;background:#253650}
.gallery-summary{font-size:12px;color:#8799b2;margin-top:20px}

/* Family interactive mockup - a distinct concept visualization, no photos/people. */
.art-frame{background:radial-gradient(circle at 57% 53%,#28314d 0,#161d2d 55%,#0e1320 100%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:55px}
.digital-frame{width:min(88%,465px);aspect-ratio:1.25;background:#141414;border:12px solid #202329;box-shadow:0 0 0 2px #566075,0 30px 65px #000a,inset 0 0 30px #000;border-radius:12px;padding:18px;transform:rotate(-3deg)}
.digital-frame-screen{height:100%;background:linear-gradient(145deg,#e4d9c6,#b7bdc6);color:#29313e;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.digital-frame-screen .line{font-size:12px;font-weight:650;letter-spacing:.18em}
.digital-frame-screen .quote{font-size:clamp(18px,2.4vw,26px);line-height:1.2;letter-spacing:-.03em;font-weight:700;max-width:310px}
.digital-frame-screen .mini{font-size:11px;letter-spacing:.06em}
.digital-frame-screen .abstract-photo{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;height:45%;transform:rotate(-4deg)}
.digital-frame-screen .abstract-photo i{display:block;border-radius:5px;background:linear-gradient(158deg,#547183,#e4b3a3 55%,#9e9780)}
.digital-frame-screen .abstract-photo i:nth-child(2){background:linear-gradient(150deg,#7c8191,#d4a9a0 65%,#c0d1cb)}
.digital-frame-screen .abstract-photo i:nth-child(3){background:linear-gradient(150deg,#b0aaa0,#e3ddc2 65%,#859eb3)}
/* Social concept: four abstract identities around one conversation hub. */
.art-social{width:100%;height:100%;background:radial-gradient(circle at center,#213d5d 0,#0e1b31 53%,#090d17 100%);position:relative;overflow:hidden}
.art-social svg{width:92%;max-width:560px;height:auto}
.art-social .social-tag{position:absolute;right:46px;top:42px;border:1px solid #3b536d;border-radius:99px;color:#bdd1eb;padding:9px 14px;font-size:11px;letter-spacing:.08em}
.art-social .social-desc{position:absolute;left:40px;bottom:38px;color:#9aadc8;font-size:11px;letter-spacing:.12em}
.gallery-arrow:disabled,.gallery-dot:disabled{opacity:.5}

/* Status copy and 4-platform grid. */
.platform-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.platform{min-height:230px}
.platform b{font-size:30px}
.status.supported{background:#172b45;color:#bfdaff;border:1px solid #31537a}
.page-hero p{color:#aab5c8}
.companion-note{font-size:12px;color:#95a6bd;margin-top:18px}

@media (max-width:1100px){
 .platform-row{grid-template-columns:repeat(2,1fr)}
 .gallery-slide{grid-template-columns:1fr 1fr}
 .gallery-copy{padding:54px 34px}
 .gallery-title{font-size:45px}
 .gallery-visual{min-height:440px}
 .gallery-slide{min-height:440px}
}
@media (max-width:780px){
 .nav-links{background:#0b1019;border-color:#2b374b;box-shadow:0 20px 40px #0006}
 .hero-grid{padding:80px 0 60px}
 .gallery-slide{grid-template-columns:1fr}
 .gallery-visual{min-height:335px;max-height:385px;border-right:0;border-bottom:1px solid #2c384b}
 .gallery-slide{min-height:0}
 .gallery-copy{padding:36px 29px 42px}
 .gallery-title{font-size:41px;margin:16px 0}
 .gallery-description{font-size:14px;line-height:1.6}
 .gallery-rail,.gallery-footer{padding-left:20px;padding-right:20px}
 .product-gallery{padding:76px 0 84px}
 .art-frame{padding:28px}
 .digital-frame{width:80%;border-width:9px;padding:12px}
 .digital-frame-screen{padding:16px}
 .gallery-visual.device-concept img{max-height:350px}
 .gallery-visual .visual-caption{left:24px;bottom:20px}
 .art-social svg{max-width:400px}
}
@media (max-width:440px){
 .hero-grid{padding-top:62px}
 .gallery-title{font-size:36px}
 .gallery-copy{padding:31px 23px 36px}
 .gallery-rail{padding:18px 18px}
 .gallery-footer{padding:14px 18px}
 .gallery-visual{min-height:300px}
 .gallery-dot{width:18px}
 .gallery-dot.active{width:35px}
 .gallery-pause{padding:0 10px}
 .platform-row{grid-template-columns:1fr}
 .platform{min-height:190px}
 .art-social .social-tag{top:24px;right:24px}
 .gallery-summary{font-size:11px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-dot,.gallery-arrow,.gallery-pause{transition:none}}

/* V8.1: live-meeting e-ink tablet concept and visible autoplay transition */
.gallery-slide.is-active{animation:gallery-enter .38s ease-out both}
@keyframes gallery-enter{from{opacity:.7;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.art-eink{background:radial-gradient(circle at 52% 45%,#334052 0,#172235 57%,#0c121d 100%);padding:26px 24px}
.eink-device{width:min(90%,525px);max-height:470px;aspect-ratio:1.13;background:linear-gradient(145deg,#242b35,#090d14);border:12px solid #161b22;border-radius:27px;box-shadow:0 0 0 2px #485361,0 18px 34px #000a,0 48px 100px #0008;transform:rotate(-2deg);padding:10px}
.eink-screen{width:100%;height:100%;background:linear-gradient(145deg,#eff0e9,#d8ded9 55%,#cbd2cd);color:#202833;box-shadow:inset 0 0 8px #535e6330;border-radius:5px;padding:22px 22px 16px;display:flex;flex-direction:column;overflow:hidden}
.eink-screen-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #939e9d;font-size:10px;font-weight:760;letter-spacing:.09em;padding-bottom:11px}
.eink-record{color:#464d50;font-size:9px}
.eink-overline{font-size:10px;letter-spacing:.17em;font-weight:700;margin-top:24px}
.eink-main-title{font-size:clamp(20px,2.2vw,31px);font-weight:720;line-height:1.2;letter-spacing:-.06em;margin:9px 0 20px}
.eink-transcript{border-top:1px solid #8c9697;border-bottom:1px solid #8c9697;padding:12px 0}
.eink-transcript-top{display:flex;justify-content:space-between;font-size:9px;font-weight:760;letter-spacing:.13em}
.eink-transcript p{font-size:clamp(11px,.95vw,13px)!important;line-height:1.55!important;color:#354044!important;margin:9px 0 0!important}
.eink-answer{display:flex;align-items:center;gap:13px;background:#c0c9c5;padding:13px 12px;margin-top:15px;border-left:4px solid #394750}
.eink-answer-symbol{font-size:21px;font-weight:700;align-self:start}
.eink-answer small{display:block;font-size:9px;letter-spacing:.06em}
.eink-answer strong{display:block;font-size:12px;line-height:1.5;margin-top:5px}
.eink-screen-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;margin-top:auto;padding-top:15px}
@media(max-width:780px){
 .art-eink{padding:18px 18px}
 .eink-device{width:min(82%,375px);aspect-ratio:1.12;max-height:340px;border-width:9px;padding:6px;border-radius:19px}
 .eink-screen{padding:12px}
 .eink-overline{margin-top:12px;font-size:8px}
 .eink-main-title{font-size:clamp(17px,4.4vw,22px);margin:6px 0 10px}
 .eink-screen-top{font-size:8px;padding-bottom:6px}
 .eink-transcript{padding:7px 0}
 .eink-transcript p{font-size:10px!important;margin-top:5px!important}
 .eink-answer{padding:7px;margin-top:9px;gap:7px}
 .eink-answer strong{font-size:10px}
 .eink-answer small{font-size:8px}
 .eink-screen-bottom{font-size:8px;padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.gallery-slide.is-active{animation:none}}

/* V8.2: supplied real e-ink tablet cutout */
.gallery-visual.art-eink{background:radial-gradient(circle at 50% 45%,#202a39 0,#111a28 60%,#090e16 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:24px}
.gallery-visual.art-eink .eink-real-photo{position:relative;z-index:2;width:min(76%,390px);height:92%;max-height:475px;object-fit:contain;filter:drop-shadow(0 24px 30px #0009)}
.gallery-visual.art-eink .eink-device{display:none}
.gallery-visual.art-eink:before{z-index:1}
@media(max-width:780px){.gallery-visual.art-eink{padding:18px;min-height:340px}.gallery-visual.art-eink .eink-real-photo{width:auto;height:94%;max-width:75%;max-height:325px}}