/* Happy Digital AI — Living blue world — 2026-10-25 — v23.0 */
.hero h1{font-size:clamp(44px,4.2vw,76px);max-width:880px;line-height:1.08}
.hero .scene-copy{width:65%;max-width:930px}.hero .lead{font-size:clamp(18px,1.4vw,23px);line-height:1.6}
.hero.scene{display:block;height:auto;min-height:max(840px,100svh);padding-top:136px;padding-bottom:210px}
.hero-motion-row{display:flex;align-items:center;gap:14px;margin-top:22px;color:#abc6e6;font-size:11px;letter-spacing:.02em}
#hero-motion{background:transparent;color:#c5dfff;border:0;border-bottom:1px solid #668cbc;padding:8px 0;font:600 13px Manrope,sans-serif;min-height:38px;white-space:nowrap}
.hero-ai-note{margin-top:7px}.hero-bottom{border-top-color:#7091bb30}.scroll-hint{opacity:.75}
.section:after,.solution-group:before,.employee-workspace:before,.team-stage:before,.role:before,.feature-strip>div:before,.knowledge-visual:before,.dashboard:before,.consult-card:before,#request-form:before,.service-icon:before,.service-icon:after{display:none!important}
.solution-group,.employee-workspace,.team-stage,.knowledge-visual,.knowledge-core,.dashboard,.device,.consult-card,#request-form,.product-tabs,.cinema-player{border:0!important;outline:0!important;box-shadow:none;border-radius:14px}
.solution-group{background:linear-gradient(130deg,#15395965,#0b233643);padding:32px}.solution-group:hover{background:linear-gradient(130deg,#1b476d88,#0b233643)}
.flagship-group{background:radial-gradient(ellipse at 85% 35%,#24537c66,transparent 70%),#0b22349c}.group-example{border-left-color:#7aabd129}.solution-group .group-copy>header{border-bottom-color:#709bc02b}.service{border-bottom:0;padding:18px 0}.service-icon{background:#173b5755;border-radius:10px}.service-icon svg{color:#b7dcff}
.employee-demo{background:radial-gradient(ellipse at 75% 28%,#18437066,transparent 55%),linear-gradient(#071525,#0b2034)}
.employee-workspace{background:linear-gradient(125deg,#153653,#0b2137);overflow:hidden}.workspace-head,.workspace-bottom{border-color:#7eabc026;background:#0b223a65}.employee-rail{background:#0a213370;border-right:0}.case-steps button{border:0!important;border-radius:8px;background:transparent}.case-steps button[aria-current=step]{background:#28527b!important;box-shadow:none!important;color:#fff}.case-steps button.completed{color:#a7c6e9}.case-stage{background:radial-gradient(at 90% 20%,#28587944,transparent 70%)}
.message-paper,.source-paper,.task-paper,.owner-paper{background:linear-gradient(125deg,#244664,#173750)!important;color:#eff7ff!important;border:0!important;border-radius:12px;box-shadow:none}
.message-paper span,.paper-tab,.source-paper small,.task-paper dt,.owner-paper>.paper-tab{color:#9ebfdf!important}.message-paper p,.source-paper p,.task-paper dd,.task-paper b,.source-paper h4,.owner-paper h4,.owner-paper p{color:#eff7ff!important}.owner-decision{background:#12314b;border-color:#6b9dca55}.owner-decision strong{color:#e2f1ff}.case-result{border-top-color:#85acc82b}.case-final{color:#c6dcef}.demo-boundary{border:0;background:transparent}.demo-badge{border:0;background:#1b446448;color:#b6d4ec}
.team,.products,.path,.contact,.solutions{background:radial-gradient(ellipse at 85% 10%,#163b5e66,transparent 65%),#081a2c}
.team-stage{max-height:470px;border-radius:18px;overflow:hidden}.team-stage img{max-height:470px}.role{border:0!important;border-radius:10px;background:#173c5845;min-height:125px;transition:background .3s,transform .3s}.role[aria-pressed=true]{background:#24567a!important;box-shadow:none}.role:hover{transform:translateY(-4px)}.role-detail{border:0;border-radius:12px;background:#0a2036dd}
.knowledge{background:radial-gradient(ellipse at 80% 35%,#1b4b7070,transparent 60%),#0a1e31}.knowledge-visual{background:transparent;padding:16px;gap:28px}.files span{border:0;background:transparent;border-left:1px solid #6aa9d67a;border-radius:0}.knowledge-core{background:#153c5844}.answer{background:linear-gradient(115deg,#244c6c,#153650)!important;color:#e9f5ff!important;border-radius:12px;padding:28px}.answer small,.answer>span{color:#a5c9e7!important}.answer p{color:#f1f8ff!important}.answer blockquote{background:#0d2a436b;color:#d4e8fb;border-left:2px solid #7db8e5;border-radius:0}.feature-strip{gap:25px}.feature-strip>div,.feature-strip>div:last-child,.feature-strip>div:nth-child(even){border:0;background:transparent;padding:18px 8px;border-radius:0}
.product-tabs{background:transparent;padding:0;gap:20px}.product-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 0;color:#a8c3df}.product-tabs button[aria-selected=true]{background:transparent;border-color:#a2d4ff;color:#f1f8ff}.product-stage{max-width:1330px}.device{background:#143653;box-shadow:0 25px 80px #020b153d}.device-bar{background:#0a2035;border:0}.demo-chat{background:#224d6b!important;color:#dfefff;border-radius:12px}.demo-chat small{color:#9dc5e5}.demo-chat .inline-brand{filter:none}.demo-content{background:radial-gradient(at 80% 40%,#2b5a7b50,transparent 60%),#143653}.device-stand{display:none}
.phone-ui{background:#153650;color:#eaf5ff;border-color:#537c9d}.phone-ui p,.phone-ui h4{color:#eaf5ff}.mini-board>div{background:#1c405d;color:#eaf5ff}.mini-board p{background:#28516f;color:#d9eeff}
.hq{position:relative;isolation:isolate;background:linear-gradient(90deg,#061727f5,#091e31dd),url(assets/hero.jpg) center/cover}.dashboard{background:#12314bd1;backdrop-filter:blur(8px);padding:30px;border-radius:16px}.dash-head{border-bottom-color:#8eb4d52d}.dash-grid article{border:0;background:#23476275;border-radius:9px;padding:20px}.dash-grid article:last-child{background:#2c547996}.dash-grid strong{color:#c8e4ff}.status-map{border-top-color:#8eb4d52d}.status-map>div{border:0;background:transparent;padding:10px 0}.status-map strong{color:#e3f2ff}.workflow li{border-left-color:#6c9cc64f}
.milestones{gap:30px}.milestones li{border:0;border-radius:0;background:transparent;padding:22px 0}.milestones li:not(:last-child):after{display:none}.milestones b{color:#8ebce9}.trust{border:0;background:#12335155;border-radius:12px}.consult-card,#request-form{background:#11324d66;border-radius:12px!important}.contact input,.contact select,.contact textarea{background:#0a243bcc;border-color:#6f9bc24d;color:#e8f4ff}.faq details{border-color:#779dbe2e}
.scene-flow-note{color:#9fc7e8;font:12px/1.6 Manrope,sans-serif;margin:16px 0 0;letter-spacing:.02em}.motion-sequence-active{will-change:opacity,transform}
body.motion-user-on:not(.no-motion) .hero .scene-art{animation:revival-cinema 22s ease-in-out infinite alternate!important;transform-origin:75% 45%}
body.motion-user-on:not(.no-motion) .earth-network{opacity:.8!important}body.motion-user-on:not(.no-motion) .earth-network path{stroke-width:2;stroke-dasharray:110 720;animation:revival-orbit 7s linear infinite!important}
body.motion-user-on:not(.no-motion) #earth-motion{opacity:.9}body.motion-user-on:not(.no-motion) .team-network{opacity:1}body.motion-user-on:not(.no-motion) .team-network path{stroke-width:3;animation:revival-orbit 5s linear infinite!important}
body.motion-user-on:not(.no-motion) .scene:not(.hero).in-view .scene-art{animation:revival-cinema 24s ease-in-out infinite alternate!important}
body.no-motion .scene-art{animation:none!important;transform:none!important}body.no-motion .earth-network path,body.no-motion .team-network path{animation:none!important;stroke-dasharray:none}
@keyframes revival-cinema{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.07) translateX(-.5%)}}
@keyframes revival-orbit{from{stroke-dashoffset:830}to{stroke-dashoffset:0}}
@media(max-width:1100px){.hero .scene-copy{width:74%}.hero h1{font-size:clamp(40px,5vw,64px)}}
@media(max-width:800px){.hero .scene-copy{width:100%;max-width:700px}.hero-motion-row{margin-top:18px;gap:10px}.hero-motion-row>span{font-size:10px}.hero h1{font-size:clamp(37px,6.5vw,55px)}.hero .lead{font-size:18px}.hero.scene{padding-bottom:250px;min-height:940px;height:auto}.knowledge-visual{padding:0}.answer{padding:22px}.dashboard{padding:22px}.milestones{gap:8px}.milestones li{padding:18px 0;border-top:1px solid #6389ad33}.feature-strip{gap:12px}.team-stage{border-radius:10px}.solution-group{padding:25px}.case-steps button[aria-current=step]{box-shadow:inset 0 -2px #b1d9ff!important}.product-tabs{gap:18px}}
@media(max-width:400px){.hero h1{font-size:36px}.hero .lead{font-size:17px}.hero-motion-row{display:block}.hero-motion-row>span{display:block;margin-top:3px}.hero.scene{padding-top:125px;min-height:1000px}.case-controls{gap:8px}.case-controls .outline{font-size:12px}.case-stage{min-height:470px}}