/* Motion stays decorative; content is visible without JavaScript. */
.button,.expertise,.contact-card,.text-link span,nav>a,.songyam-visual img{transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
@media(hover:hover){.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7be6c51a;background:#a0f4d9}.button-dark:hover{background:#193c48}.expertise:hover{transform:translateY(-6px);border-color:#527c76;background:#13283a}.contact-card:hover{border-color:#6fb8a4;background:#ffffff04}.text-link:hover span{transform:translateX(5px)}nav>a:not(.button):hover{color:var(--mint)}.songyam-visual:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:enter .8s both}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.3s}.hero-copy>:nth-child(5){animation-delay:.4s}.ecosystem{animation:enter 1s .25s both}.ecosystem.is-active .connector:after{content:"";position:absolute;left:0;top:-15px;height:15px;width:1px;background:#bdffe9;box-shadow:0 0 6px #7be6c5;animation:flow 2.4s 3}.ecosystem.is-active .system-core{animation:glow 3s 2}.ecosystem.is-active .system-outputs span{animation:node 3s 2}.system-outputs span:nth-child(2){animation-delay:.2s!important}.system-outputs span:nth-child(3){animation-delay:.4s!important}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes flow{to{transform:translateY(65px)}}@keyframes glow{50%{border-color:#a3f2d8;box-shadow:0 0 35px #7be6c517}}@keyframes node{50%{border-color:#6aab99;background:#1c3d43}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Warm button feedback. */
@media(hover:hover){.button:hover,.button-dark:hover{background:var(--orange-light);box-shadow:0 10px 30px #f8a00024}}
/* DAIMAI premium refinement */
.hero{background:radial-gradient(ellipse at 90% 15%,#123565 0,transparent 55%),radial-gradient(ellipse at 5% 100%,#422e202e,transparent 60%),#071327}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px}
.hero-grid,.hero-footer{position:relative}
.ecosystem{background:linear-gradient(140deg,#132d4a,#09182c);border-color:#325073;box-shadow:0 35px 90px #0005}
.system-core{background:radial-gradient(ellipse,#1b3c61,#0e223a);border-color:#c08335}
.system-outputs span{background:#102642;border-color:#315478}
.expertise-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.expertise{grid-column:span 2;background:linear-gradient(145deg,#12263e,#0b192b);border-radius:20px;padding:34px;overflow:hidden}
.expertise:nth-last-child(-n+2){grid-column:span 3}
.expertise:after{content:"";position:absolute;left:34px;right:34px;bottom:0;height:2px;background:linear-gradient(90deg,var(--orange),#139bff);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.expertise:hover:after,.expertise:focus-within:after{transform:scaleX(1)}
.icon{width:52px;height:52px;display:grid;place-items:center;background:#1888ff0e;border:1px solid #3d66864f;border-radius:13px;margin-bottom:28px}
.button{border-radius:10px}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}
.steps li{position:relative}.steps li:before{content:"";position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--orange);transition:width .7s}
.steps li.is-visible:before{width:100%}
.editorial-image{box-shadow:0 25px 60px #0002}.expertise-image{height:390px}
.workflow{box-shadow:0 20px 60px #0002;background:linear-gradient(140deg,#132b44,#0d1e31)}
.workflow li{transition:background .25s,transform .25s}.workflow li:hover{background:#ffffff04;transform:translateX(4px)}
.songyam-visual{box-shadow:0 28px 70px #07132722;position:relative}
.contact-section{background:radial-gradient(ellipse at 85% 20%,#16437566,transparent 60%),radial-gradient(ellipse at 10% 90%,#70430030,transparent 55%),#071327}
.contact-card{background:#ffffff03}
@media(max-width:800px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise,.expertise:nth-last-child(-n+2){grid-column:span 1}.expertise:last-child{grid-column:1/-1}.expertise-image{height:280px}}
@media(max-width:480px){.expertise-grid{grid-template-columns:1fr}.expertise-image{height:220px}.expertise{padding:28px}}
@media(prefers-reduced-motion:no-preference){
.ecosystem.is-active{animation:enter 1s both,levitate 4s 1s 2}
@keyframes levitate{50%{transform:translateY(-7px)}}
.workflow.is-visible li{animation:enter .55s both;animation-delay:calc(var(--step,0)*110ms)}
.editorial-image img{transition:transform .8s}
@media(hover:hover){.editorial-image:hover img{transform:scale(1.035)}}
}
@media(prefers-reduced-motion:reduce){.steps li:before{width:100%}.workflow li:hover{transform:none}}